Table card with actions column.
For AI Agents
Hand your agent this brief or the ReUI MCP, not a screenshot. Free to install.
Best for: A dots button on each product row that opens Edit, Duplicate and a destructive Delete
When to use
- Short lists of records such as invoices, orders, members, files or API keys, one per row
- Rows that carry status badges, avatars, a totals footer or a menu of row actions
- Label and value pairs describing one record, such as an employee profile or a server
When not to use
- Rows the reader sorts, filters, pages or selects with checkboxes: use the Data Grid component
- A ready made records section with a title bar, toolbar filters and a pager: use the Base blocks
- An account page where a person edits their avatar, name, email and regional settings: use the Profile blocks
Agent notes
- Edit, Duplicate and Delete are bare
DropdownMenuItementries with no handler; wire each toproduct.id Tablewraps the table in its own overflow-x-auto div, andclassNamelands on the inner table, never on that scroll wrapperTableCellandTableHeadare nowrap in every style, so a long value widens the table and scrolls it sideways instead of wrapping
https://reui.io/components/table/c-table-4.mdget_example("c-table-4")npx shadcn@latest add @reui/c-table-4Shadcn Components in Table Actions Column
About Shadcn Table Actions Column
Table card with actions column. Built by composing Button, Card, Dropdown Menu, Table. A free, open source shadcn table example you can install with npx shadcn@latest add @reui/c-table-4 and edit as your own code.
What You Can Build With Shadcn Table Actions Column
- Composes Button, Card, Dropdown Menu, Table, so it drops into any project already using those components.
- Install it with the shadcn CLI: npx shadcn@latest add @reui/c-table-4
- Open source and free, with the full source on this page to copy or adapt.
More Shadcn Table Examples
- Basic Basic table.
- With Footer Table with footer.
- Status Badges Table in card with status badges.
- Interactive Rows Table with interactive elements.
- Team Members Team members table with avatars, roles, and status
- Orders Orders table with customer info and payment status
- Projects Projects table with team avatars and status
- Activity Log Activity log table with user avatars and timestamps
- Subscriptions Subscriptions table with plan badges and billing info
- Inventory Product inventory table with stock badges and prices
- API Keys API keys table with permission badges and actions
- File Manager File manager table with owners and sharing badges
Related Shadcn Component Categories
Open-source shadcn tabs components for segmented content, settings views, and dashboard sections.
Open-source shadcn textarea components for comments, long-form input, and support tickets.
Open-source shadcn time picker components for booking forms, opening hours, and shift scheduling.
Open-source shadcn timeline components for activity feeds, roadmaps, and event history.
Open-source shadcn toggle components for formatting controls, compact actions, and binary UI states.
Open-source shadcn toggle group components for view switches, toolbar options, and mutually exclusive actions.
Frequently Asked Questions
When should I use Shadcn Table Actions Column?
Use it for a dots button on each product row that opens Edit, Duplicate and a destructive Delete.
Shadcn Table as a whole fits:
- Short lists of records such as invoices, orders, members, files or API keys, one per row
- Rows that carry status badges, avatars, a totals footer or a menu of row actions
- Label and value pairs describing one record, such as an employee profile or a server
For rows the reader sorts, filters, pages or selects with checkboxes, use the Data Grid component. For a ready made records section with a title bar, toolbar filters and a pager, use the Base blocks. For an account page where a person edits their avatar, name, email and regional settings, use the Profile blocks.
How do I install Shadcn Table Actions Column?
Is Shadcn Table Actions Column free to use?
Which components does Shadcn Table Actions Column use?
Start building with ReUI Pro today.
Every Pro block, every style, and every future addition, with one license for unlimited projects.
From $249, once. Lifetime updates.