Data table

Pagination

Under the table: "1–25 of 214", rows per page, and previous / page numbers / next. The phone uses Load more at the end of the list.

Live specimen

Lifted from the approved family page at build time; interact with it.

Pagination

Numbered pages with first, last and neighbours. Counts use the same total as the status chips.

default
hover
focus
current
disabled
loading
Rows per page
Showing 1–25 of 214
Rows per page
Showing 101–125 of 214
Rows per page
Showing 201–214 of 214
Rows per page
Showing 76–100 of 214

Show more

Used where people browse (Global Store gallery, My Products). Pages are for tables people work through.

48 of 96 products shown
Some products are not shown: this brand's grants were cut at 500.
Usesshadcn PaginationTanStack getPaginationRowModeltable.setPageSize().dt-pager.dt-pgaria-current=page

from families/data-table/#pagination