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
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 PavlovInfragistics, Inc.
Hi Martin,
Thanks for the quick response. Actually I mentioned you the wrong scenario. My apologies. The issue happens when you try to select the page size from the drop down (like 5,10,20 ,etc). It doesnt happen when you click next or previous pages.
This is the version I am using "13.2.20132.1010"
13.2 version is old and is no longer supported (see the Product Lifecycle page). You should update to a version that we support (15.2 or 16.1). The issue is not reproducible there.
Best regards,Martin PavlovInfragistics, Inc.
I will try to use your suggestion. It is always better to use the latest version. I hope all existing controls in my current app wont get broken or that no code change is required.
Thanks and regards,
We have igCombo rewritten in 15.1, igEditors and igGridUpdating rewritten in 15.2, so you should expect some breaking changes if you use those controls. However we have very good migration guides for them in our help documentation.
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.
I'm not sure I understand your question. Are you talking about cell merging horizontally instead of vertically?
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,