DataTablePagination

DataTablePagination(props): Element

Defined in: packages/react/src/components/ui/data-table/DataTablePagination.tsx:50

Pagination controls for data tables.

Built on shadcn Pagination components with added page size selector. Displays prev/next buttons, page numbers with ellipsis, and page size dropdown. Works with usePagination hook for cursor-based pagination.

Parameters

props

DataTablePaginationProps

Component props

Returns

Element

Pagination control UI

Example

const pagination = usePagination({ initialPageSize: 25 });

<DataTablePagination
  pagination={pagination}
  totalCount={500}
  pageSizeOptions={[10, 25, 50, 100]}
/>