Paginator

Overview for paginator

<mat-paginator> provides navigation for paged information, typically used with a table.

Paginator
Items per page:
1 - 10 of 100

Each paginator instance requires:

  • The number of items per page (default set to 50)
  • The total number of items being paged

The current page index defaults to 0, but can be explicitly set via pageIndex.

When the user interacts with the paginator, a PageEvent will be fired that can be used to update any associated data view.

The paginator displays a dropdown of page sizes for the user to choose from. The options for this dropdown can be set via pageSizeOptions

The current pageSize will always appear in the dropdown, even if it is not included in pageSizeOptions.

The labels for the paginator can be customized by providing your own instance of MatPaginatorIntl. This will allow you to change the following:

  1. The label for the length of each page.
  2. The range text displayed to the user.
  3. The tooltip messages on the navigation buttons.

The aria-labels for next page, previous page, first page and last page buttons can be set in MatPaginatorIntl.