Clow

Data Table

A dense paper table: stamped header, mono column labels, hoverable rows, optional selected row, comfortable/compact density. Pass columns+rows or compose TableHead/TableRow/TableCell.

Draw

draw a card
$npx shadcn@latest add @clow/data-table
First time? Point @clow at the registry

Once per project, add the registry to your components.json. Then draw any card by name.

"registries": {
  "@clow": "https://clow.cards/r/{name}.json"
}
Full setup →

Playground

props
<DataTable />

Examples

basic

Props

proptypedefault
titletextrelays
densitycomfortable | compactcomfortable
hoverablebooleantrue