Paginator

mat-paginator provides pagination navigation for large data sets.

Basic Paginator

mat-paginator with configurable page size and first/last buttons.

1 – 10 of 100

Code

Template

TypeScript

<mat-paginator
  [length]="100"
  [pageSize]="10"
  [pageSizeOptions]="[5, 10, 25, 100]"
  [showFirstLastButtons]="true"
  aria-label="Paginator"
>
</mat-paginator>