👋 This is a community-driven shadcn/ui resource. For the official documentation, visit ui.shadcn.com
Data Table
CRUD data table with column sorting, row selection, filters, pagination, and bulk actions for managing tabular data
Looking to implement shadcn/ui blocks?
Join our Discord community for help from other developers.
Managing hundreds or thousands of records in a basic table is painful. This React CRUD data table combines shadcn/ui Table with column sorting, multi-select checkboxes, inline filters, and pagination controls. Built with Radix UI and Lucide React icons, it handles bulk operations (delete, export, assign) and shows row counts with responsive design—perfect for admin dashboards, inventory systems, or user management where data tables need enterprise-grade features.
Installation
npx shadcn@latest add https://www.shadcn.io/registry/crud-data-table-01.jsonnpx shadcn@latest add https://www.shadcn.io/registry/crud-data-table-01.jsonpnpm dlx shadcn@latest add https://www.shadcn.io/registry/crud-data-table-01.jsonbunx shadcn@latest add https://www.shadcn.io/registry/crud-data-table-01.jsonRelated blocks you will also like
User List Management
User list with search and bulk actions
Bulk Edit Products
Update multiple items simultaneously
Advanced Filters
Complex filtering interface
Import Export Data
CSV/Excel data import and export
Product Detail View
Comprehensive detail view with tabs
Delete Confirmation
Confirmation dialog for deletions