The Telerik UI for Blazor Pager is standalone UI component that gives you capability to split content and visualize it beautifully into pages. The Pager has multiple configuration options with which you can define the total number of items, number of items per page, number of visible page buttons, and support for loading data on demand for each page.
The component has built in support for Localization, Globalization, Keyboard Support and Accessibility and works in both Blazor WebAssembly (WASM) and Server-side Blazor apps. You can integrate paging with other Blazor components easily – just like we do with our Blazor Grid and ListView!
Telerik UI for Blazor Pager demo
You can easily add paging in Blazor apps and adapt it to your requirements using the multiple configuration options of the Pager component. The component comes handy with the following settings:
The two-way binding feature of the Pager allows the component to respond to changes from other elements and update them.
Loading a large data set all at once can sometimes be challenging. One of the most popular approaches is using incremental data loading as additional items need to be visualized, on-demand by the user. Telerik UI for Blazor Pager offers option to load data on demand when a new page is selected, and it allows you to fetch new subset of data for each page, as users browse through the content.
We use the Pager component in our own Blazor components from the Telerik suite (like the Grid and the ListView), and now you can use it with your data and templates too!
The Pager Component has built-in localization support, which makes it easy to translate texts to any language that your Blazor app may require.
Like all other Telerik UI for Blazor components, the Pager component supports out of the box Keyboard Navigation and web accessibility standards implementation (WCAG, Section 508 and WAI-ARIA attributes for screen readers). This enables easy navigation through pages using just keyboard, as well as access to component content through assistive technologies.
The Telerik UI for Blazor Pager has several built-in themes such as Default (our own styling), Material (based on the Material Design guidelines) and Bootstrap (which looks like the Bootstrap styling to integrate better). You can easily customize any of out-of-the-box themes with a few lines of CSS, or create new theme to match your colors and branding by using the Telerik SASS ThemeBuilder application.