New to Telerik UI for ASP.NET Core? Download free 30-day trial

Group paging of remote data

Loading Demo...

EXAMPLE
VIEW SOURCE
Edit in Theme Builder
Change Theme
Default
SASS

LESS
- Default
- Bootstrap
- Material
- Launch Theme Builder
- Black
- Blue Opal
- Bootstrap v3
- Default
- Fiori
- Flat
- High Contrast
- Material
- Material Black
- Metro
- Metro Black
- Moonlight
- Nova
- Office 365
- Silver
- Uniform

            
                        grouppaging.cshtml
                    
                        GroupPagingController.cs

Also available for:

API REFERENCE

kendo.syncReady(function(){jQuery("#grid").kendoGrid({"groupable":{"enabled":true},"sortable":true,"columns":[{"title":"Customer ID","width":"100px","field":"CustomerID","filterable":{"messages":{"selectedItemsFormat":"{0} selected items"},"checkAll":false},"encoded":true},{"title":"Country","width":"100px","field":"Country","filterable":{"messages":{"selectedItemsFormat":"{0} selected items"},"checkAll":false},"encoded":true},{"title":"Company Name","width":"100px","field":"CompanyName","filterable":{"messages":{"selectedItemsFormat":"{0} selected items"},"checkAll":false},"encoded":true},{"title":"City","width":"100px","field":"City","filterable":{"messages":{"selectedItemsFormat":"{0} selected items"},"checkAll":false},"encoded":true},{"title":"Postal Code","width":"100px","field":"PostalCode","filterable":{"messages":{"selectedItemsFormat":"{0} selected items"},"checkAll":false},"encoded":true}],"pageable":{"buttonCount":10},"filterable":{"messages":{"selectedItemsFormat":"{0} selected items"}},"scrollable":{"height":"400px"},"dataSource":{"type":(function(){if(kendo.data.transports['aspnetmvc-ajax']){return 'aspnetmvc-ajax';} else{throw new Error('The kendo.aspnetmvc.min.js script is not included.');}})(),"transport":{"read":{"url":"/aspnet-core/grid/allcustomers"},"prefix":""},"pageSize":50,"page":1,"groupPaging":true,"total":0,"serverPaging":true,"serverSorting":true,"serverFiltering":true,"serverGrouping":true,"serverAggregates":true,"group":[{"field":"City","dir":"asc"},{"field":"CompanyName","dir":"asc"}],"filter":[],"schema":{"data":"Data","total":"Total","errors":"Errors","model":{"fields":{"CustomerID":{"type":"string"},"Address":{"type":"string"},"City":{"type":"string"},"CompanyName":{"type":"string"},"ContactName":{"type":"string"},"ContactTitle":{"type":"string"},"Country":{"type":"string"},"Fax":{"type":"string"},"Phone":{"type":"string"},"PostalCode":{"type":"string"}}}}}});});

Description

The group paging feature of the Telerik for ASP.NET Core Grid allows you to page through groups and load the group items on demand. Loading of the group items happens when a group is expanded. Group paging works with both local and remote data. This demo presents a remotly bound Grid with paging and enabled GroupPaging.

Group paging of remote data

Description

Support & Learning Resources

Was this demo helpful?

Tell us how we can improve this demo