Back to Components
Components
Data Grid
Spreadsheet style grid with selectable cells, editing, and resizable columns.
Workspace
Owner
Plan
Seats
Status
Northwind
L. Wolfe
Pro
12
Active
Atlas
J. Park
Team
7
Active
Quasar
M. Kim
Starter
3
Trial
Orbit
A. Singh
Enterprise
24
Active
Keystone
R. Diaz
Team
9
Paused
Dependencies
- clsx
- tailwind-merge
Files
- components/ui/data-grid.tsx
Installation
Using shadcn CLI
npx shadcn add data-grid --url https://ui.hampton.ioManual installation
Copy the component file to your project and install dependencies:
npm install clsx tailwind-merge