Skip to content
Shadcn Headless Table

Pagination

Pagination is on by default, with a bottom toolbar that has the page size, the range and the page buttons.

<ShadcnHeadlessTable {columns} {data} pageSizes={[10, 20, 50]} initialState={{ pageSize: 20 }} />
  • enablePagination={false} shows every row.
  • enableBottomToolbar={false} hides the toolbar (paging then needs your own buttons and table.setPageIndex).
  • With virtualization the table does not page.