Paginator API
Import TngPaginatorComponent from @tailng-ui/components for the styled pagination surface.
Inputs
| Name | Type | Description |
|---|---|---|
totalItems | number | Total result count used for range text and client-mode boundaries. |
pageIndex, pageSize | number | undefined | Controlled page state. Use defaults when the paginator should own state. |
defaultPageIndex, defaultPageSize | number | Initial uncontrolled state. |
mode | 'client' | 'server' | Server mode keeps next-page movement available for paged API responses. |
pageSizeOptions | readonly number[] | Options rendered in the rows-per-page select. |
showFirstLast, showPageSize, showRange | boolean | Trim the paginator surface for compact layouts. |
Outputs
pageIndexChangeemits the next page index.pageSizeChangeemits only when the selected page size changes.pageChangeincludes previous values and the trigger that caused the change.