Back to components
Data Display
Data Table
A compact admin table with selection, row actions, badges, avatars, and pagination.
Preview
This is the same source that shadcn installs from the generated JSON.
Members
A compact table for admin lists, ownership reviews, and account pages.
3 selected
| Member | Role | Status | Plan | Last active | Open row actions | |
|---|---|---|---|---|---|---|
AB Avery Brooksavery@example.com | Owner | Active | Pro | 2m ago | ||
MP Mina Parkmina@example.com | Designer | Invited | Team | 1h ago | ||
NC Noah Chennoah@example.com | Engineer | Active | Pro | Yesterday |
Install
After building the registry and starting the dev server, run this command in a consuming project.
install
pnpm dlx shadcn@latest add http://localhost:3000/r/data-table.jsonSource and dependencies
Confirm the source path, registry dependencies, and npm dependencies before installing.
Source path
registry/default/data-table/data-table.tsxRegistry dependencies
avatarbadgebuttoncardcheckboxdropdown-menupaginationtable
NPM dependencies
lucide-react