A comprehensive table component with sorting, resizing, and selection.
Set keyboardNavigationBehavior="tab" when cells contain interactive controls.
This keeps arrow keys and text input inside the control while
Tab moves through each focusable cell.
npx shadcn@latest add @preskok/tableimport { Table } from "@/components/ui/preskok-ui/table"
export function TableDemo() {
return <Table rows={[]} columns={[]} />
}Vehicle | Year | Price | Mileage | Status | |
|---|---|---|---|---|---|
| Toyota Camry | 2024 | $28,400 | 0 mi | Available | |
| Honda Accord | 2023 | $26,800 | 15,000 mi | Reserved | |
| Ford F-150 | 2024 | $35,200 | 5,000 mi | In service | |
| Tesla Model 3 | 2023 | $42,000 | 8,000 mi | Available |
ID | Account | Owner | Value | Stage |
|---|---|---|---|---|
| 1 | Acme Labs | Maya Chen | $84,000 | Renewal |
| 5 | Bluefield Energy | Lena Park | $152,400 | Legal |
| 8 | Harbor Finance | Theo Miles | $118,600 | Contracting |
| 6 | Kite Systems | Owen Brooks | $31,900 | Discovery |
| 2 | Northstar Health | Noah Reed | $128,000 | Security review |
| 3 | Riverbank Studio | Iris Patel | $42,500 | Negotiation |
| 7 | Summit Foods | Ava Stone | $77,300 | Procurement |
| 4 | Vertex Freight | Sam Ortiz | $96,200 | Proposal |
ID | Workstream | Owner | Budget | Status |
|---|---|---|---|---|
| 1 | Enterprise onboarding | Maya Chen | $42,000 | On track |
| 2 | Usage reporting | Noah Reed | $18,500 | Review |
| 3 | Audit trail | Iris Patel | $26,800 | At risk |
| 4 | Partner portal | Sam Ortiz | $31,200 | On track |
| 5 | Invoice approvals | Lena Park | $14,900 | Queued |
| 6 | Team analytics | Owen Brooks | $22,400 | Review |
| 7 | Regional failover | Ava Stone | $54,000 | On track |
Name | Owner | Stage | Due | ||
|---|---|---|---|---|---|
| Review risk flags | Success | Blocked | Today | ||
| Confirm legal terms | Legal | Ready | Tomorrow | ||
| Approve invoice | Finance | Review | Friday | ||
| Schedule handoff | Support | Ready | Monday |
Vehicle | Stock | Internal note | |
|---|---|---|---|
| Volvo EX30 | VE-204 | ||
| BMW i4 | BM-118 | ||
| Audi Q4 e-tron | AU-512 |