PagerTemplateDirective

Represents the pager template which helps to customize the pager appearance in the Grid. To define a pager template, nest an <ng-template> tag with the kendoPagerTemplate directive inside <kendo-grid> tag 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.

Copy Code<kendo-grid ... [pageable]="true">
  <ng-template kendoPagerTemplate let-totalPages="totalPages" let-currentPage="currentPage">
    <kendo-pager-prev-buttons></kendo-pager-prev-buttons>
    <kendo-pager-next-buttons></kendo-pager-next-buttons>
    <kendo-pager-info></kendo-pager-info>
      Current page: {{currentPage}}
  </ng-template>
  <kendo-grid-column field="ProductID"></kendo-grid-column>
  <kendo-grid-column field="ProductName"></kendo-grid-column>
</kendo-grid>

Selector

[kendoPagerTemplate]