Table
Tabular data — things you compare down a column.
Numeric columns
`numeric` right-aligns and applies tabular figures, so digits line up and a change in magnitude is visible without reading. Use it on the header and the cell together, or the two drift apart.
| Service | Calls | Tokens | Cost |
|---|---|---|---|
| hana | 1,284 | 913,441 | $4.12 |
| ivy | 96 | 41,208 | $0.19 |
| root | 8 | 3,004 | $0.01 |
Guidance
Use it when
- Values compared down a column — spend by service, hours by person.
- Three or more columns where alignment carries meaning.
Reach for something else when
- A list of records someone scans. That is DataList — the test is whether columns need to line up.
- Two columns. That is a definition list, and a table adds chrome for nothing.
Responsive
The wrapper scrolls horizontally on its own, so a wide table never makes the whole page scroll sideways — the usual way a table breaks on a phone.