table

Restyled HTML table. Hover rows, alignment, sticky header.

status: stable js: none support: baseline

Preview

H
D

<div class="table-wrapper"><table class="table"><thead><tr><th scope="col">H</th></tr></thead><tbody><tr><td>D</td></tr></tbody></table></div>

Import the component CSS (depends on base/tokens.css):

@import "@russfranky/shadcss/src/components/table.css";

…or copy it into your repo with the CLI:

npx @russfranky/shadcss-cli add table

Native table; th scope=col; <caption>

.table-wrapper .table .table-compact

base/tokens