Rows and columns of data.
npx shadcn@latest add @sphere-kit/tableimport { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption, TableEmpty,} from "@/components/ui/table"2 rules for using it well. Open one to see it drawn.
Exports Table TableHeader TableBody TableFooter TableHead TableRow TableCell TableCaption TableEmpty. Every part takes its element's usual props and a className.
| Invoice | Status | Method | Amount |
|---|---|---|---|
| INV001 | Paid | Card | $250.00 |
| INV002 | Pending | PayPal | $150.00 |
| INV003 | Unpaid | Bank transfer | $350.00 |
| INV004 | Paid | Card | $450.00 |
| INV005 | Paid | PayPal | $550.00 |
| INV006 | Pending | Bank transfer | $200.00 |
| INV007 | Unpaid | Card | $300.00 |
| Total | $2,500.00 | ||
| Invoice | Status | Method | Amount |
|---|---|---|---|
| SPH-1047 | Paid | Card ending 1881 | $49.00 |
| SPH-1046 | Pending | SEPA debit | $49.00 |
| SPH-1045 | Overdue | Bank transfer | $61.00 |
| Name | Role | |
|---|---|---|
| Maya Lindqvist | maya@example.com | Owner |
| Tomás Ferreira | tomas@example.com | Editor |
| Ines Okafor | ines@example.com | Editor |
| Task | Status | Priority |
|---|---|---|
| Draft the spring paywall | Done | High |
| Set up the trial funnel | In progress | Medium |
| Write the launch email | Pending | Low |
| Product | Price | Actions |
|---|---|---|
| Growth plan | $49.00 | |
| Extra seat | $12.00 | |
| Custom domain | $9.00 |
| Task | Assignee | Status |
|---|---|---|
| Draft the spring paywall | In progress | |
| Set up the trial funnel | Pending | |
| Write the launch email | Not started |
| Product | Quantity | Price |
|---|---|---|
| Growth plan | $49.00 | |
| Extra seat | $12.00 | |
| Custom domain | $9.00 |
| Invoice | Status | Method | Amount |
|---|---|---|---|
Invoices land here once a trial converts Each paid plan gets an invoice on its renewal day. | |||
| Invoice | Status | Method | Amount |
|---|---|---|---|
No invoices match “SPH-2” 7 invoices are hidden by this search. | |||
| Invoice | Status | Method | Amount |
|---|---|---|---|
| Invoice | Status | Method | Amount |
|---|---|---|---|
Invoices didn’t load The billing service timed out. Your invoices are safe. | |||
| Link | Destination | Clicks |
|---|---|---|
| /spring-launch-2026-early-access-waitlist-with-referral-bonus | https://example.com/landing/spring-launch-2026/early-access?utm_source=newsletter&utm_medium=email&utm_campaign=spring_launch_waitlist | 1,284,032 |
| /pricing | https://example.com/pricing | 0 |
| Invoice | Status | Method | Amount |
|---|---|---|---|
| SPH-1047 | Paid | Card ending 1881 | $49.00 |