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"
Thanks for the information Martin.
Regards,
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 and regards,
I'm not sure I understand your question. Are you talking about cell merging horizontally instead of vertically?
Best regards,Martin PavlovInfragistics, Inc.
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.
Any updates on the query?