kapable

DataTable

Data display · 1 export · v0.1.0 · showcase

Serializable data table with server-owned sorting, optional native row selection, and a valid empty state.

DataTable

Browse 72 component families

Preview

Usage

<form method="post"><DataTable caption="Deployments" columns={columns} rows={rows} selectionName="deploy" /><Btn type="submit">Apply selection</Btn></form>

API

DataTableProps

DataTable props
prop	type	notes
caption	string
columns	DataTableColumn[]
rows	DataTableRow[]
selectionName?	string	Adds one native row-selection checkbox per row under this form field name.
selectionHeading?	RemixNode	Localized heading for the optional selection column.
emptyTitle?	string
emptyHint?	string
emptyHeading?	'h2' \| 'h3' \| 'h4'
dense?	boolean
stickyHead?	boolean
mix?	MixInput

More in Data display