Skip to content

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
NameRoleCommits
Ada LovelaceEngineer128
Alan TuringResearcher96
Grace HopperCompiler204

CSS variables

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

CSS variableUsed for
--hl-borderRow dividers.
--hl-surface-2Striped row background.
--hl-fg-mutedHeader 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.

Released under the MIT License.