Grids
Example of Paging API in ASP.NET Core Data Grid Control
This sample demonstrates the usage of paging API in Grid. In this sample, use the properties panel to change the page size, page count and current page of the Grid.
Product ID | Product Name | Unit Price | Units in Stock |
|---|---|---|---|
| 1 | Chai | $18.00 | 39 |
| 2 | Chang | $19.00 | 17 |
| 3 | Aniseed Syrup | $10.00 | 13 |
| 4 | Chef Anton's Cajun Seasoning | $22.00 | 53 |
| 5 | Chef Anton's Gumbo Mix | $21.35 | 0 |
| 6 | Grandma's Boysenberry Spread | $25.00 | 120 |
| 7 | Uncle Bob's Organic Dried Pears | $30.00 | 15 |
| 8 | Northwoods Cranberry Sauce | $40.00 | 6 |
| 9 | Mishi Kobe Niku | $97.00 | 29 |
| 10 | Ikura | $31.00 | 31 |
| 11 | Queso Cabrales | $21.00 | 22 |
| 12 | Queso Manchego La Pastora | $38.00 | 86 |
Properties
| Allow Paging | |
| Page Size | |
| Page Count | |
| Current Page |
Paging allows you to display the contents of the Grid in page segments. The number of items on a page is determined by
the pageSettings->pageSize property. If no value is specified for the
pageSettings->pageSize property, the Grid will display 12 items on a page. By default, paging is disabled. To enable paging,
set allowPaging property to true.
In this demo,
- Click the Allow Paging check box to enable/disable paging feature.
- Change the value of Page Size textbox to change
pageSettings->pageSize. - Change the value of Page Count textbox to change
pageSettings->pageCount. - Change the value of Current Page textbox to change
pageSettings->currentPage. - Changed default pager details information using the
totalItemsInfolocale property.