Table

A manifest in mono with hairline rules. is-numeric gives a cell amber tabular figures.

Volume	State	Blocks
/core	mounted	18 442
/archive	mounted	4 011
/capture	read-only	92 780

Installation

npx shadcn@latest add @afterglow/table

Composition

Component structure.

Table
├── TableHeader
│   └── TableHead
├── TableBody
│   ├── TableRow
│   └── TableCell
├── TableFooter
└── TableCaption

Sticky header

Opt-in, and only once the container has a height to scroll inside. On by default it would stick to the page instead, so the header row would detach as the table left the viewport and float over whatever came next.

Volume	State	Blocks
/core	mounted	18 442
/archive	mounted	4 011
/capture	read-only	92 780
/scratch	mounted	612
/spool	offline	0

API Reference

Table

The table renders inside a scrolling container. containerClassName styles that container, since the height a table scrolls within belongs to it rather than to the table.

Prop	Type	Default
stickyHeader	boolean	false
containerClassName	string	-