DataTable
Data

DataTable.

Sortable, searchable, paginated rows.

Real interactive component
Live demo
7 results
PuraActive4
OkumoActive8
YapuroPreview2
RelayDraft1

The preview uses the actual shared component, including your current theme, rounding, border and motion preferences.

Props & API reference

Parameters available in the shared component, including value types, requirements and accepted options.

6 props
ParameterTypeRequiredDefaultPossible valuesDescription
rowsT[]Yes——Source data rows for pagination, filtering and sorting.
columnsDataColumn<T>[]Yes——Column keys, headings, alignment, sortability and render functions.
pageSizenumberNo6—Visible rows per page.
searchPlaceholderstringNoSearch rows—Filter input placeholder.
emptyTextstringNoNo results found—Displayed for empty search results.
getRowId(row: T, index: number) => string | numberNo——Stable row identifier callback.