New to Kendo UI for Angular? Start a free 30-day trial
Pager Template
To customize the pager appearance, use the PagerTemplateDirective
.
The directive enables you to take full control over the content of the Pager by mixing the built-in pager elements and custom components.
Using the Pager template disables its default responsive behavior.
The template context exposes the following fields:
currentPage
—The index of the displayed page.pageSize
—The value of the currentpageSize
.skip
—The current skip value.total
—The total number of records.totalPages
—The total number of available pages.
Using Built-in Pager Components
You can customize the Pager by using the following built-in components:
PagerNumericButtonsComponent
—Displays numeric buttons for navigation between the pages.PagerInputComponent
—Displays an input element that allows typing and rendering of page numbers.PagerPageSizesComponent
—Displays a drop-down list for the page size selection.PagerInfoComponent