Table

Rows and columns, and nothing more.

Default

A caption, three rows, and a footer that sums them up.

Recent releases.
VersionPublishedComponents
0.4.224 Sep 202640
0.4.121 Sep 202640
0.4.020 Sep 202640
Latest0.4.2

A real <table> wearing the theme — header, body, footer, caption. There is no sorting, no paging and no virtual scrolling here: it draws the data you hand it, which keeps it useful for the nine tables out of ten that need nothing else.

Installation

npx philcn@latest add table

The file is written into your project. It is yours from then on — change it as you like.

Props

None of its own. Everything you pass goes straight to the underlying <table>, className included.

Worth knowing

  • Keep the caption: it is the one line telling a screen reader what the table is, before it starts reading cells.
  • A table wider than its column scrolls sideways inside its own wrapper rather than stretching the page.