New to Kendo UI for Angular? Start a free 30-day trial

PagerTemplateDirective

Represents the pager template which helps to customize the pager appearance in the TreeList. To define a pager template, nest an <ng-template> tag with the kendoTreeListPagerTemplate directive inside <kendo-treelist>. See example.

The template context provides the following fields:

  • currentPage—The index of the displayed page.
  • pageSize—The value of the current pageSize.
  • skip—The current skip value.
  • total—The total number of records.
  • totalPages—The total number of available pages.
<kendo-treelist ...>
  <kendo-treelist-column field="type"></kendo-treelist-column>
  <ng-template
    kendoTreeListPagerTemplate
      let-totalPages="totalPages"
      let-currentPage="currentPage">
    <kendo-treelist-pager-prev-buttons></kendo-treelist-pager-prev-buttons>
    <kendo-treelist-pager-next-buttons></kendo-treelist-pager-next-buttons>
    <kendo-treelist-pager-info></kendo-treelist-pager-info>
  </ng-template>
</kendo-treelist>

Selector

[kendoTreeListPagerTemplate]

In this article

Not finding the help you need?