Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
395
ColumnFixing and MultiColumnHeaders seems to be not compatible
posted

Hello,

I write on this forum because I fail to Use the multiColumn header with the new functionnality column fixing. indeed, if a multicolumn header is present on the grid, the column fixing become crazy (the column pin have not the right values but values of other column, etc)

I use the 2013.1 version of ignite UI.

A simple example to reproduce

var products = [
{ "ProductID": 1, "Name": "Adjustable Race", "ProductNumber": "AR-5381", "test1": "test1", "test2": "test2", "test3": "test3" },
{ "ProductID": 2, "Name": "Bearing Ball", "ProductNumber": "BA-8327", "test1": "test1", "test2": "test2", "test3": "test3" },
{ "ProductID": 3, "Name": "BB Ball Bearing", "ProductNumber": "BE-2349", "test1": "test1", "test2": "test2", "test3": "test3" },
{ "ProductID": 4, "Name": "Headset Ball Bearings", "ProductNumber": "BE-2908", "test1": "test1", "test2": "test2", "test3": "test3" },
{ "ProductID": 316, "Name": "Blade", "ProductNumber": "BL-2036", "test1": "test1", "test2": "test2", "test3": "test3" },
{ "ProductID": 317, "Name": "LL Crankarm", "ProductNumber": "CA-5965", "test1": "test1", "test2": "test2", "test3": "test3" },
{ "ProductID": 318, "Name": "ML Crankarm", "ProductNumber": "CA-6738", "test1": "test1", "test2": "test2", "test3": "test3" },
{ "ProductID": 319, "Name": "HL Crankarm", "ProductNumber": "CA-7457", "test1": "test1", "test2": "test2", "test3": "test3" },
{ "ProductID": 320, "Name": "Chainring Bolts", "ProductNumber": "CB-2903", "test1": "test1", "test2": "test2", "test3": "test3" }
];

$.ig.loader(function () {
$("#gridColumnFixing").igGrid({
columns: [
{
headerText : "groupe1",
group:[
{ headerText: "Product ID", key: "ProductID", dataType: "number" },
{ headerText: "Product Name", key: "Name", dataType: "string", hidden:true },
{ headerText: "Product Number", key: "ProductNumber", dataType: "string" },
{ headerText: "test1", key: "test1", dataType: "string", hidden: true }
]
},
{
headerText : "groupe",
group:[
{ headerText: "test2", key: "test2", dataType: "string" },
{ headerText: "test3", key: "test3", dataType: "string" }
]
}

],
features: [
{
name: "ColumnFixing"
},
{
name: 'MultiColumnHeaders'
}
],
width: "500px",
dataSource: products
});
});

Personaly, I don't need of pin functionality (fixed column and scrolling columns will be not decide by the user but fixed in code), but I really need to get several column fixed on the left (grouping with multicolumn headers or not) without scroll, and the rest of column in a scroll (with multicolumn headers inevitably).

There is a bug? or the functionnality not already implemented ? 

what do you advise me to realize my functionnality, is very important 

Thanks for your responses

PS : sorry for my english, I'm french