Data Display

Table

A styled native <table> with striping and hover.

stableNo JS requiredBuilt on <table>hydrateless/table.css

A styled native <table> with optional zebra striping and row hover. Apply the class to standard table markup. CSS-only.

Playground

Live

Name	Role	Commits
Ada Lovelace	Engineer	128
Alan Turing	Researcher	96
Grace Hopper	Compiler	204

StripedRow hover

CSS variables

Override these on any ancestor to theme the component. See the theme studio to preview changes live.

CSS variable	Used for
--hl-border	Row dividers.
--hl-surface-2	Striped row background.
--hl-fg-muted	Header text color.

Accessibility

• A native <table> with <thead>/<th> exposes column structure to assistive tech.
• Striping and hover are purely visual; they never replace real headers.

Related

CardA surface for grouping related content.PaginationPage navigation with first/last and ellipsis truncation.