Tables
Pick the level that fits your data — every example shows its full source in the Code tab.
1. Basic table
Static markup for small, fixed datasets — just the Table component.
| Invoice | Status | Method | Amount |
|---|---|---|---|
| INV-001 | Paid | Credit card | $250 |
| INV-002 | Pending | PayPal | $150 |
| INV-003 | Unpaid | Bank transfer | $350 |
| Total | $750 | ||
2. Standard table
Search, a status filter and pagination with plain React state. Easy to read and adapt.
| Invoice | Customer | Date | Status | Amount |
|---|---|---|---|---|
| INV-1048 | Olivia Martin | 2026-10-07 | Paid | $249 |
| INV-1047 | Jackson Lee | 2026-10-07 | Pending | $129 |
| INV-1046 | Isabella Nguyen | 2026-10-06 | Paid | $49 |
| INV-1045 | William Kim | 2026-10-06 | Refunded | $129 |
| INV-1044 | Sofia Davis | 2026-10-05 | Paid | $49 |
| INV-1043 | Budi Santoso | 2026-10-05 | Failed | $249 |
| INV-1042 | Ayu Lestari | 2026-10-04 | Paid | $49 |
| INV-1041 | Liam Johnson | 2026-10-04 | Paid | $129 |
40 order(s)
3. Advanced data table
The DataTable component built on TanStack Table v9 (formerly React Table): sortable columns, faceted filters, column visibility, row selection with bulk actions, row actions and page sizes.
| Product | Status | ||||||
|---|---|---|---|---|---|---|---|
| INV-1048 | Olivia Martin olivia@example.com | Pro License | 2026-10-07 | Paid | $249 | ||
| INV-1047 | Jackson Lee jackson@example.com | Team License | 2026-10-07 | Pending | $129 | ||
| INV-1046 | Isabella Nguyen isabella@example.com | Personal License | 2026-10-06 | Paid | $49 | ||
| INV-1045 | William Kim will@example.com | Team License | 2026-10-06 | Refunded | $129 | ||
| INV-1044 | Sofia Davis sofia@example.com | Personal License | 2026-10-05 | Paid | $49 | ||
| INV-1043 | Budi Santoso budi@example.com | Pro License | 2026-10-05 | Failed | $249 | ||
| INV-1042 | Ayu Lestari ayu@example.com | Personal License | 2026-10-04 | Paid | $49 | ||
| INV-1041 | Liam Johnson liam@example.com | Team License | 2026-10-04 | Paid | $129 | ||
| INV-1040 | Emma Wilson emma@example.com | Pro License | 2026-10-03 | Pending | $249 | ||
| INV-1039 | Rizky Pratama rizky@example.com | Personal License | 2026-10-03 | Paid | $49 |
0 of 40 row(s) selected