I would like to add Summaries of "total records", which should contain sum of every pages, to the top of each page and not Summaries per page.
$("#grid").igGrid({ columns: [ { headerText: "Account ID", key: "account_id", dataType: "string", width: "6%" }, { headerText: "Total Spent", key: "total_spent", dataType: "number", format: "number", width: "6%" } ], dataSource: "report.php?performance", enableHoverStyles: false, responseDataKey: "data", requestType: "post", features: [ { name: "Paging", type: "remote", recordCountKey: "total_records_count", pageSizeUrlKey : "page_size", pageIndexUrlKey: "page_index", pageSizeList: [15, 25, 50] },
Hello Sebrina,
Please note that Summaries feature along with Paging works the way you're describing. It displays the whole information per column at the bottom of every grid page. For your reference you may take a look at the following sample: http://jsfiddle.net/tL46hpym/ If you have any questions, feel free to contact me.
Regards,
Tsanna
Hi Tsanna,
Your sample surely helps. Now I am facing another obstacle, the summaries are not showing with the datasource that I am passing.
I doubled check the settings by giving it a static data as below and it works => var ds
Therefore, I am pretty sure it has to do with my datasource
=>dataSource: "report.php?newaccount_performance&st_time="+st_time+"&end_time="+end_time
var ds = [ { "account_id": 1, "ac_name": "Adjustable Race", "contact_id": 2, "contact_name": "Adjustable Race", "agency_id": 3, "agency_name": "Adjustable Race", "sales_team": "Adjustable Race", "FB": 5, "Google": 6, "MSN": "Adjustable Race", "VSMedia": 7, "Sociomantic": 8, "Line": 9, "TenMaxMargin": 10 , "Total": 11 } ];
Hi Sebrina,
Do you still encounter a problem with displaying the Summaries properly? If so, could you please send me a sample that reproduces the issue, so that I can test it on my side?
I am still not able to display summaries with remote data. Can you please create a sample with remote data (not local data)?
Thanks
Did you set "remote" type of the Summaries feature? Please try also to change dataSource option to "dataSourceUrl" since your data is remote. For you reference you may take a look at the following sample, where are demonstrated remote summaries for the igGrid: http://www.igniteui.com/grid/summaries-remote If I can provide you with further assistance, feel free to contact me.
Regards,Tsanna
I am not sure of the settings if I am passing data remotely as below,
dataSource: "report.php?newaccount_performance&st_time="+st_time+"&end_time="+end_time, enableHoverStyles: false, responseDataKey: "data", requestType: "post"