Example of Paging API in Blazor Pager Component
This sample demonstrates the usage of Pager APIs. It allows to change the page size, page count, current page and total items count of the Pager.
Properties | |
| Page Count | |
| Page Size | |
| Current Page | |
| Total Items |
The Blazor Pager component has an option to split a data set into multiple pages for a great experience to view page by page using an intuitive UI. Here, navigation can be done with built-in numeric elements, drop down, and buttons that can also be customized with the help of rich APIs.
In this demo,
The Blazor Pager has an option to customize the default settings using rich API's
PageSize → It allows to customize or control the number of items to be displayed in a single page..
NumericItemsCount → Number of numeric elements need to be displayed for navigation
CurrentPage → The page that needs to be viewed currently in the pager numeric element
TotalItemsCount → Total number of items in the data set or data collection