Data Table

Cards & Layout

Sortable data table with column definitions, ascending/descending sort indicators, striped rows, hover state, and framer-motion AnimatePresence row transitions.

View Source

Loading preview...

Customize

Striped

Hoverable

Props

Prop	Type	Default	Description
`columns`	`Column<T>[]`	`[]`	Array of column definitions with key, header, optional render function, and sortable flag.
`data`	`T[]`	`[]`	Array of row data objects.
`striped`	`boolean`	`true`	Alternate row background colors.
`hoverable`	`boolean`	`true`	Highlight rows on hover.
`className`	`string`	`''`	Additional CSS classes.