Skip to content

DataTablePageSizeSelect

DataTablePageSizeSelect(props): Element | null

Defined in: packages/react/src/ui/data-table/DataTablePageSizeSelect.tsx:44

Chooses the list’s page size from collection.admin.view.state.pageSizeOptions, labelled “Rows per load” (DESIGN-NOTES.md §5) — a Select (placement omitted/"inline") or a labeled RadioGroup section (placement="menu") nested inside ListViewToolbar’s ⋯ overflow.

Pagination itself stays cursor Load More (Decision 8) — this control only changes how many items the NEXT fetch/loadMore() call requests; it never jumps to a numbered page. Rendered by ListViewToolbar, in its collapsible group alongside Copy link (Decision 22 — not DataTable’s own footer, which only shows the Load More button and the capped-count status line). It has no vex.list.* id (Decision 17 never names one), so it bypasses the slot system either way.

DataTablePageSizeSelectProps

Component props. See DataTablePageSizeSelectProps.

Element | null

The page size control, or null when pageSizeOptions has one or fewer entries.