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 am just following up to check if you have more questions regarding this case. If so don’t hesitate to contact me.
If you need any additional assistance with this case feel free to contact us.
I will keep this case open for another three business days while I am waiting for your response. If at that time you haven't responded, I will close it.
Please note that closed cases may be reopened within thirty days of closure.
Thank you for choosing Infragistics components.
I have no further questions, I hope this bug will be corrected in the 13.2 version.
Gourdon Julien