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