Blocks/Data Table
Data TableNew
Generic table for any domain: search, filters, view tabs, sorting, selection with bulk actions, paging and a card layout when narrow.
| Mode | |||||||
|---|---|---|---|---|---|---|---|
| SHP-4100 | Rotterdam | Singapore | Air | In transit | 2026-11-01 | 180 | |
| SHP-4101 | Singapore | Lagos | Sea | Delivered | 2026-11-02 | 611 | |
| SHP-4102 | Chicago | Rotterdam | Road | Delayed | 2026-11-03 | 1,042 | |
| SHP-4103 | Lagos | Chicago | Air | In transit | 2026-11-04 | 1,473 | |
| SHP-4104 | Santos | Santos | Sea | Delivered | 2026-11-05 | 1,904 | |
| SHP-4105 | Rotterdam | Singapore | Road | Delayed | 2026-11-06 | 2,335 | |
| SHP-4106 | Singapore | Lagos | Air | In transit | 2026-11-07 | 2,766 | |
| SHP-4107 | Chicago | Rotterdam | Sea | Delivered | 2026-11-08 | 3,197 |
- SHP-4100
- Origin
- Rotterdam
- Destination
- Singapore
- Mode
- Air
- Status
- In transit
- ETA
- 2026-11-01
- Weight (kg)
- 180
- SHP-4101
- Origin
- Singapore
- Destination
- Lagos
- Mode
- Sea
- Status
- Delivered
- ETA
- 2026-11-02
- Weight (kg)
- 611
- SHP-4102
- Origin
- Chicago
- Destination
- Rotterdam
- Mode
- Road
- Status
- Delayed
- ETA
- 2026-11-03
- Weight (kg)
- 1,042
- SHP-4103
- Origin
- Lagos
- Destination
- Chicago
- Mode
- Air
- Status
- In transit
- ETA
- 2026-11-04
- Weight (kg)
- 1,473
- SHP-4104
- Origin
- Santos
- Destination
- Santos
- Mode
- Sea
- Status
- Delivered
- ETA
- 2026-11-05
- Weight (kg)
- 1,904
- SHP-4105
- Origin
- Rotterdam
- Destination
- Singapore
- Mode
- Road
- Status
- Delayed
- ETA
- 2026-11-06
- Weight (kg)
- 2,335
- SHP-4106
- Origin
- Singapore
- Destination
- Lagos
- Mode
- Air
- Status
- In transit
- ETA
- 2026-11-07
- Weight (kg)
- 2,766
- SHP-4107
- Origin
- Chicago
- Destination
- Rotterdam
- Mode
- Sea
- Status
- Delivered
- ETA
- 2026-11-08
- Weight (kg)
- 3,197
1-8 of 18
Page 1 of 3
Installation
$npx shadcn@latest add @opendraft/data-table
Needs the @opendraft registry in your components.json. See Installation.
Dependencies
Source
The files the install command adds to your project. They're yours to edit.