The Grid enables you to split its content into pages.
To enable paging:
- Set the
skipoptions of the Grid.
- Handle the emitted
- Manually paginate the data.
The pager types of the Kendo UI Grid for Angular are:
- Numeric—The default type. Renders buttons with numbers.
- Input—Renders an input filed for typing the page number.
PagerSettings object has the following fields:
buttonCount—Sets the maximum numeric buttons count before the buttons are collapsed. Defaults to
info—Toggles the information about the current page and the total number of records. Defaults to
pageSizes—Shows a menu for selecting the page size. Defaults to
previousNext—Toggles the Previous and Next buttons. Defaults to
numeric(buttons with numbers) and
input(input for typing the page number) values. Defaults to
responsive—Toggles the built-in responsive behavior. Defaults to
5.0.0 the Grid pager features the same responsive functionality as the Pager component. The responsive Pager is enabled by default. To disable the responsive functionality, set the
responsive property of the
PagerSettings object to
When the Pager template is used, the default responsive behavior is disabled, as the developer has full control over the Pager content.
To further customize the pager appearance, use
PagerTemplateDirective. The option enables you to take full control over the content of the pager item by mixing custom components and the built-in pager elements. For more information on how to define the pager template, refer to the
PagerTemplateDirective API documentation.