TablePagination ADDON-TABLE

On this page

See also

Table, TableFilters

Component to show pagination in table footer

Usage

Pages 24 Lines per page of 237

Current page: 3

Items per page: 10

    
      <tui-table-pagination
    [page]="page"
    [size]="size"
    [total]="237"
    (paginationChange)="onPagination($event)"
/>
<p>Current page: {{ page }}</p>
<p>Items per page: {{ size }}</p>

Custom size-option content

You can customize the component via DI tuiTablePaginationOptionsProvider helper.

Pages 35 Lines per page of 350

    
      <tui-table-pagination
    [items]="sizeOptions"
    [total]="total"
/>

Toggle pages label

Lines per page of 350

    
      <tui-table-pagination
    [items]="sizeOptions"
    [total]="total"
/>

GitHub StackBlitz