Back to Components
Display
Data Table
Sortable, filterable data table with pagination and search.
Aurora Labs | Enterprise | Active | 42 | 2 hours ago |
Northwind | Team | Active | 18 | Yesterday |
Halo Studio | Starter | Trial | 6 | 3 days ago |
Nova Supply | Team | Paused | 12 | Last week |
Helix Digital | Enterprise | Active | 64 | 1 hour ago |
Signal Ops | Team | Active | 24 | 2 days ago |
Showing 6 of 7 records
Page 1 of 2
Dependencies
- @tanstack/react-table
- clsx
- lucide-react
- tailwind-merge
Files
- components/ui/data-table.tsx
Installation
Using shadcn CLI
npx shadcn add data-table --url https://ui.hampton.ioManual installation
Copy the component file to your project and install dependencies:
npm install @tanstack/react-table clsx lucide-react tailwind-merge