👋 This is a community-driven shadcn/ui resource. For the official documentation, visit ui.shadcn.com
Table with Row Menu
Table with dropdown menu button per row containing multiple action options like edit, duplicate, share, and delete
Looking to implement shadcn/ui blocks?
Join our Discord community for help from other developers.
Too many actions to fit in table rows? This React table adds a dropdown menu button to each row with shadcn/ui DropdownMenu containing organized action groups. Built with Lucide React icons, the three-dot menu reveals options like Edit, Duplicate, Share, Archive, and Delete with separator dividers grouping related actions. Destructive actions use red text for visual warning—perfect for admin panels, content management systems, or any interface where each row needs 5+ actions without cluttering the table with individual buttons.
Installation
npx shadcn@latest add https://www.shadcn.io/registry/table-row-menu-01.jsonnpx shadcn@latest add https://www.shadcn.io/registry/table-row-menu-01.jsonpnpm dlx shadcn@latest add https://www.shadcn.io/registry/table-row-menu-01.jsonbunx shadcn@latest add https://www.shadcn.io/registry/table-row-menu-01.jsonRelated blocks you will also like
Task Table with Actions
Individual action buttons per row
Table with Expandable Rows
Expand to see more details
Table with Row Selection
Checkboxes with bulk actions
Table with Sortable Columns
Sort data by columns
Table with Inline Editing
Edit cells directly
Searchable Filterable Data Table
Search and filter data