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
Hello Julien,
Thank you for posting in our community.
I made an initial review of your scenario and before continuing with my further research I have the following question: Have you tested the grid behavior after setting default width of columns?
{ headerText: "Product ID", key: "ProductID", dataType: "number", width: “100px” }
Looking forwards to hearing from you.
Hello Dimka, thank you for your response
Same behavior with setting the columns width :
columns: [ { headerText: "groupe1", group: [ { headerText: "Product ID", key: "ProductID", dataType: "number", width: "100px" }, { headerText: "Product Name", key: "Name", dataType: "string", hidden: true, width: "100px" }, { headerText: "Product Number", key: "ProductNumber", dataType: "string", width: "100px" }, { headerText: "test1", key: "test1", dataType: "string", hidden: true, width: "100px" } ] }, { headerText: "groupe", group: [ { headerText: "test2", key: "test2", dataType: "string", width: "100px" }, { headerText: "test3", key: "test3", dataType: "string", width: "100px" } ] }
best regards,
Julien Gourdon
Expertime
Can you explain what exactly is the problem you are facing.
Here's a sample, that I've prepared which uses both MultiColumnHeaders and ColumnFixing
5 days, sorry
Hi,
After 10 days I still don't have any answers. Can you please help me?
Thank you,
I have Ignite UI 16.1 and I have the same problem. Is there any way I can use both ColumnFixing and MultiColumnHeaders?
Than you,
I have no further questions, I hope this bug will be corrected in the 13.2 version.
Gourdon Julien