Not affiliated with official shadcn/ui. Visit ui.shadcn.com for official docs.
React Table Block Row Selection
Data table component with row selection checkboxes and bulk action toolbar for React admin panels
Looking to implement shadcn/ui blocks?
Join our Discord community for help from other developers.
Manage multiple rows on your Next.js admin dashboard with this selection-enabled table component. Features row checkboxes, select-all header checkbox with indeterminate state, floating bulk actions toolbar (Export, Archive, Delete), selected row count display, and highlighted selection state. Built with shadcn/ui Table, Checkbox, and Button components using Tailwind CSS. The batch-operation design enables efficient multi-row management—perfect for content management systems, product inventory, user administration, or any React app needing bulk data operations.
| Product | Category | Price | Stock | Status | |
|---|---|---|---|---|---|
| Wireless Headphones | Electronics | $79.99 | 45 | In Stock | |
| Laptop Stand | Accessories | $34.99 | 12 | Low Stock | |
| Mechanical Keyboard | Electronics | $129.99 | 0 | Out of Stock | |
| USB-C Cable | Accessories | $12.99 | 156 | In Stock | |
| Monitor 27 inch | Electronics | $299.99 | 8 | Low Stock | |
| Desk Mat | Accessories | $24.99 | 67 | In Stock | |
| Webcam HD | Electronics | $89.99 | 23 | In Stock | |
| Phone Holder | Accessories | $15.99 | 0 | Out of Stock |
Installation
Related blocks you will also like
Table with Sortable Columns
Column sorting with direction indicators
Task Table with Actions
Individual row action buttons
Table with Page Navigation
Navigate through pages
Table with Quick Filters
Filter before selecting
Table with Export Options
Export selected rows
Table with Row Menu
Dropdown menu per row