Rows and columns of data.
npx shadcn@latest add @zellify/tableimport { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption,} from "@/components/ui/table"Exports Table TableHeader TableBody TableFooter TableHead TableRow TableCell TableCaption. Every part takes its element's usual props and a className.
| Invoice | Status | Method | Amount |
|---|---|---|---|
| INV001 | Paid | Credit Card | $250.00 |
| INV002 | Pending | PayPal | $150.00 |
| INV003 | Unpaid | Bank Transfer | $350.00 |
| INV004 | Paid | Credit Card | $450.00 |
| INV005 | Paid | PayPal | $550.00 |
| INV006 | Pending | Bank Transfer | $200.00 |
| INV007 | Unpaid | Credit Card | $300.00 |
| Total | $2,500.00 | ||
| Invoice | Status | Method | Amount |
|---|---|---|---|
| INV001 | Paid | Credit Card | $250.00 |
| INV002 | Pending | PayPal | $150.00 |
| INV003 | Unpaid | Bank Transfer | $350.00 |
| Name | Role | |
|---|---|---|
| Sarah Chen | sarah.chen@acme.com | Admin |
| Marc Rodriguez | marcus.rodriguez@acme.com | User |
| Emily Watson | emily.watson@acme.com | User |
| Task | Status | Priority |
|---|---|---|
| Design homepage | Completed | High |
| Implement API | In Progress | Medium |
| Write tests | Pending | Low |
| Product | Price | Actions |
|---|---|---|
| Wireless Mouse | $29.99 | |
| Mechanical Keyboard | $129.99 | |
| USB-C Hub | $49.99 |
| Task | Assignee | Status |
|---|---|---|
| Design homepage | In Progress | |
| Implement API | Pending | |
| Write tests | Not Started |
| Product | Quantity | Price |
|---|---|---|
| Wireless Mouse | $29.99 | |
| Mechanical Keyboard | $129.99 | |
| USB-C Hub | $49.99 |