Table

Interactive examples and usage for the Table component.

Examples

Prop	Type	Default	Description
`columns`	`Column[]`	`[]`	Column definitions with key, label, and optional sortable flag
`data`	`Record<string, any>[]`	`[]`	Array of row data objects
`striped`	`boolean`	`false`	Alternate row background colors
`hoverable`	`boolean`	`false`	Highlight rows on hover
`compact`	`boolean`	`false`	Reduce cell padding
`sortKey`	`string`	`undefined`	Currently sorted column key
`sortDirection`	`'asc' \| 'desc' \| null`	`null`	Current sort direction
`onsort`	`(key: string) => void`	`undefined`	Callback when a sortable column header is clicked

Key	Action
`Click`	Click a sortable column header to sort