Shadcn.io is not affiliated with official shadcn/ui
React Table Block Resizable Columns
Table component with draggable column resizers for adjustable column widths in React data grids
Customize column widths on your Next.js dashboard with this resizable table component. Features draggable column dividers with resize cursor, minimum column width constraints, visual resize handle on hover, live width updates during drag, and persistent column widths in state. Built with shadcn/ui Table component using Tailwind CSS and native mouse events. The flexible layout accommodates varying content lengths—perfect for data grids, spreadsheet interfaces, report builders, or any React app where users need custom column sizing.
React Table Block Resizable Columns preview
Installation
Related Components
Table with Column Visibility
Show/hide columns dynamically
Table with Sortable Columns
Sort with custom widths
Table with Sticky Header
Fixed header while resizing
Table with Density Toggle
Adjust row height
Table with Export Options
Export with column layout
Table with Pinned Columns
Pin resized columns