Paging

The TreeList enables you to split its content into pages.

Getting Started

To enable paging:

1. Set the pageable attribute to true.
2. Set the desired pageSize value.

Pager Types

The pager types of the Kendo UI TreeList for Angular are:

• Numeric—Renders buttons with numbers.
• Input—Renders an input filed for typing the page number.

To set the pager types, pass the PagerSettings object to the pageable option of the TreeList.

The PagerSettings object has the following fields:

• buttonCount—Sets the maximum numeric buttons count before the buttons are collapsed.
• info—Toggles the information about the current page and the total number of records.
• pageSizes—Shows a menu for selecting the page size.
• previousNext—Toggles the Previous and Next buttons.
• type—Accepts the numeric (buttons with numbers) and input (input for typing the page number) values.

Pager Template

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.

Suggested Links

• PagerSettings
• PagerTemplateDirective
• API Reference of the TreeListComponent
• API Index of the TreeList