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
265
Preserve Cell Merging on Pagination
posted

Hi,

I have an igGrid with Cell merging feature turned on. I have added pagination feature as well. If I click on next and previous pages , Cell merging works as expected  .However , when I try selecting a particular page from the pagination control , it seems the cell merging feature gets turned off and I see duplicated values.

Is this an existing bug , or is there a workaround to this issue. Following is my grid definition : 

$("#grid").igGrid({
width: "100%",
autoGenerateColumns: false,
jQueryTemplating: true,
dataSource: '@Url.Action("GetData", "Controller")',
responseDataKey: "rows",
dataSourceType: "json",
rowTemplate:
"<tr>" +
"<td> <b>${Name} </b> </td> " +
"<td> ${Department} </td> " +
"<td> ${Role} </td> " +
"<td> ${Salary} </td> " +
"</tr>",
columns: [
{ key: "Name", headerText: "Name", dataType: "string" ,width:"6%"},
{ key: "Department", headerText: "Department", dataType: "string", width: "3%" },
{ key: "Role", headerText: "Role", dataType: "string", width: "3%" },
{ key: "Salary", headerText: "Salary", dataType: "string", width: "3%" },

] ,
features: [
{
name: "Paging",
type: "local",
pageSize: 7,
recordCountKey: 'records',
pageSizeDropDownLocation: 'inpager',

},
{
name: "CellMerging",
initialState: "merged",
},
{ name: 'MultiColumnHeaders' }
]
});

Thanks and Regards,

Sudipto

Parents
  • 23953
    Offline posted

    Hello Sudipto,

    I'm not able to replicate your issue on my side.

    Can you tell me which version of the Ignite UI controls you're using?

    To get the version please execute the following code in the browser console:

    $.ui.igGrid.version

    I'm also attaching my sample for your reference.

    Thanks in advance,
    Martin Pavlov
    Infragistics, Inc.

    igGridCellMerging_Paging.zip
Reply Children