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

Parents
  • 3595
    posted

    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.

Reply Children