Shadcn.io is not affiliated with official shadcn/ui
Table with Actions
A table skeleton with five columns including an actions column with dual icon buttons for edit and delete operations
Data tables need actions—edit, delete, view. This React table skeleton shows grid-cols-5 with four data columns plus an actions column containing two icon buttons (h-8 w-8 rounded-md). Built with shadcn/ui Skeleton component and items-center alignment, the action buttons maintain vertical alignment—perfect for admin panels, dashboards, user management, content moderation, or any data table where row actions are essential to the interface.
Table with Actions preview
Installation
Related Components
Simple Table Rows
Basic table without action columns
Table with Avatars
Table with avatar in first column
Expandable Rows
Table rows with expandable detail sections
Icon Button
Icon-only button component
Dropdown Menu
Menu for more actions
Table
Standard table component
FAQ
Was this page helpful?
Sign in to leave feedback.