Shadcn.io is not affiliated with official shadcn/ui
Tables Pinned Columns
Table with pinned left and right columns that stay fixed during horizontal scroll using CSS sticky positioning
Keep key columns visible on your Next.js dashboard with this pinned column table component. Features sticky left column for row identifiers, sticky right column for actions, horizontal scroll for middle columns, shadow indicators on pinned edges, and smooth scroll behavior. Built with shadcn/ui Table and Button components using Tailwind CSS and CSS sticky positioning. Perfect for wide data grids, comparison tables, financial spreadsheets, or any React app with many columns requiring horizontal scroll.
Related Components
Resizable Columns Table
Resize pinned columns
Column Visibility Table
Hide columns before pinning
Sticky Header Table
Combined sticky header and columns
Sortable Table
Sort with pinned columns
Row Selection Table
Pin selection column
Actions Table
Pin actions column
FAQ
Was this page helpful?
Sign in to leave feedback.