table
Restyled HTML table. Hover rows, alignment, sticky header.
Preview
| H |
|---|
| D |
Markup
<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>Install
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
Accessibility
Native table; th scope=col; <caption>
Classes
.table-wrapper .table .table-compact
Dependencies
base/tokens