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
Since ColumnFixing is CTP feature in Ignite UI 13.1 MultiColumnHeaders are not supported yet.
However, my colleagues from the product development team informed me that this functionality will be available in Ignite UI 13.2.
If you have more questions don’t hesitate to contact us again.
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,
Hi,
After 10 days I still don't have any answers. Can you please help me?
Thank you,
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