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
Hi Martin,
Any updates on the query?
I was meaning to not have cell merging for all columns in the grid. In some cases we need to show duplicate data for some columns.
Apart from this I have another issue. I have upgraded to version 16.1 of Ignite UI. However I am having problems setting up Remote paging. Following is what I am doing on my View:
$.ig.loader(function () {$('#Btn').on('click', function() { var collectiveData = $('#form'); $.post('@(Url.Action("GetData", "Controller"))', collectiveData.serialize(), function(data) { $("#Grid").igGrid({ width: "100%", autoGenerateColumns: false, enableHoverStyles: false, jQueryTemplating: true, dataSource: data, responseDataKey: "rows", responseContentType: "application/json; charset=utf-8", dataSourceType: "json", columns: getColumns(), features: getFeatures() }); }
});
}); function getFeatures() { var features = [ { name: "Paging", type: "remote", pageSize: 5, recordCountKey: 'records', pageIndexUrlKey: "pageIndex", pageSizeUrlKey: "pageSize", pageSizeDropDownLocation: 'inpager',
}, { name: "CellMerging", initialState: "merged" }, { name: 'MultiColumnHeaders' } ]; return features; }
following is my controller:
[HttpPost] public JsonResult GetData(//some parameters//, int pageIndex=1, int pageSize=5) { //some calls var jsonResponseModelList = new { page = pageIndex, records = totalRecords.Count, rows = (//some data).AsQueryable(),
};
return JsonResult { Data = jsonResponseModelList ,JsonRequestBehavior.AllowGet}; }
The problem I am facing is that when i select subsequent pages no remote calls are being made. How do I enable remote paging int his scenario.
Thanks and regards,
Hello Sudipto,
I'm not sure I understand your question. Are you talking about cell merging horizontally instead of vertically?
Best regards,Martin PavlovInfragistics, Inc.
Also I would like to ask if there is any possibility of merging selective columns by name with the latest version. We would like that behaviour. There is a way to achieve it , but it relies on the column index rather than name.
Thanks for the information Martin.
Regards,