New to Kendo UI for AngularStart a free 30-day trial

Represents the Kendo UI Pager custom messages component for Angular. Use this component to override default component messages (see example).

Definition

Package:@progress/kendo-angular-pager

Selector:kendo-datapager-messages, kendo-pager-messages

Syntax:

html
<kendo-pager [skip]="skip" [pageSize]="pageSize" [total]="total">
  <kendo-pager-messages
    previousNext="Previous/Next"
    page="Page"
    of="of">
  </kendo-pager-messages>
</kendo-pager>

Inputs

ariaLabel

string

The label of the pager. Follows the pattern Page navigation, page {currentPage} of {totalPages} by default. Тhe default label text when the current page is 1, and the total number of pages is 10 will be Page navigation, page 1 of 10.

The message consists of several parts - the current page number, the total number of pages, and a localizable string. To allow for reordering its parts, the ariaLabel input accepts a string with placeholders for the current page and total number of pages. The {currentPage} and {totalPages} placeholders will be replaced internally with the respective actual values.

firstPage

string

The label for the First page button.

The text of the aria-label attribute applied to the input element for entering the page number."

items

string

The label after the total-page number.

The label displayed after the page-size selector.

lastPage

string

The label for the Last page button.

nextPage

string

The label for the Next page button.

of

string

The label before the total-page number.

page

string

The label displayed before the pager input.

The title attribute of the page number input element.

The label for the Previous page button.

The text of the title and aria-label attributes applied to the page chooser.