This sample demonstrates the Grid paging feature. In this sample, click the numeric items to navigate to particular page. You can also change the page size using the dropdown.
More Details...

Loading...
Description

Paging allows you to display the contents of the Grid in page segments. By default, paging is disabled. To enable paging, set allowPaging property to true. pageSettings-pageSizes property enables a dropdown in pager which allows you to change the number of records in the Grid dynamically. In this demo, the Grid is rendered with pageSettings-pageSizes set to true, and pageSettings-pageCount set to 4. Injecting Module: Grid component features are segregated into individual feature-wise modules. To use paging feature, we need to inject PageService into the @NgModule.providers section. More information on the paging feature configuration can be found in this documentation section.