Table
Rows and columns of structured data.
Default
A header above rows, each column aligned to its content.
| Invoice | Customer | Status | Total |
|---|---|---|---|
| INV-001 | Acme Inc. | Paid | $250.00 |
| INV-002 | Beacon Co. | Pending | $150.00 |
| INV-003 | Canvas Labs | Overdue | $80.00 |
Grid
Compact cells and full rules, spreadsheet-style.
| Project | Owner | Stage | Budget | |
|---|---|---|---|---|
| 1 | Atlas | Maya | Review | $42,800 |
| 2 | Beacon | Noah | Active | $31,250 |
| 3 | Canvas | Iris | Planned | $18,900 |
| 4 | Delta | Leo | Active | $27,400 |
Compact and striped
Shorter rows and alternating surfaces for scanning.
| Invoice | Customer | Status | Total |
|---|---|---|---|
| INV-001 | Acme Inc. | Paid | $250.00 |
| INV-002 | Beacon Co. | Pending | $150.00 |
| INV-003 | Canvas Labs | Overdue | $80.00 |
Sticky header
Column names stay visible while the body scrolls.
| Time | Activity | Detail |
|---|---|---|
| 09:42 | Invoice paid | INV-001 |
| 09:18 | Project updated | Atlas |
| 08:56 | Member invited | maya@example.com |
| 08:31 | Export completed | August invoices |
| 08:04 | Comment added | Beacon |
| 07:48 | Budget changed | Canvas |
| 07:22 | Invoice created | INV-004 |
| 06:59 | Status changed | Delta |
Totals
A footer row sits apart from the body and carries the sum.
| Invoice | Customer | Status | Total |
|---|---|---|---|
| INV-001 | Acme Inc. | Paid | $250.00 |
| INV-002 | Beacon Co. | Pending | $150.00 |
| INV-003 | Canvas Labs | Overdue | $80.00 |
| Total | $480.00 | ||
Caption
A caption names the table and renders beneath it.
| Invoice | Customer | Status | Total |
|---|---|---|---|
| INV-001 | Acme Inc. | Paid | $250.00 |
| INV-002 | Beacon Co. | Pending | $150.00 |
| INV-003 | Canvas Labs | Overdue | $80.00 |