The Telerik UI for ASP.NET Core Pager component is a UI component that allows splitting data into pages, saving you from having to browse through hundreds or thousands of data items. Coming with built in support for Localization and Globalization, the Pager component also has multiple configuration options with which you can define every aspect of it. The component is meant to be used with other ASP.NET Core components – pagination can trivially be added to the Telerik UI for ASP.NET Core ListView for example.
The Pager component can both generate buttons for switching between pages and present an input element for users to enter a specific page number. As usual, you have full control over the control’s rendering and can decided to enable one or the other means of navigation or have both. Additionally, you have control over which other built-in Pager elements will be rendered including a dropdown for the page size, a refresh button, buttons for navigating to the first, last, previous and next pages.
You can also control the visual look of the generated page number buttons by providing a template to be used instead of the default appearance. The Pager supports 2 separate templates – one for the currently selected page, and one for all others.
The Pager is responsive by design and by default. It will scale to any resolution it needs to. When scaling down, some of the elements of the component will be hidden in order to save space. If you want to avoid that and disable the responsiveness, you are also given this as an option. To read more about the specific rules which govern how the Pager disables its elements, visit our docs.
The Pager Component has built-in localization support, which makes it easy to translate the texts of all elements in the pager – like information text, navigation links, helper text on hover. As with the rest of our Telerik UI for ASP.NET Core suite, we support all languages.
The Telerik ASP.NET Core Pager has 20+ 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.