Shadcn.io is not affiliated with official shadcn/ui
React Table Block Sortable Columns
Sortable table component with clickable column headers and direction indicators for React data displays
Sort table data on your Next.js dashboard with this sortable column component. Features clickable column headers, ascending/descending arrow indicators, unsorted column indicator (up-down arrows), toggle sort direction on click, and localeCompare for proper alphabetical sorting. Built with shadcn/ui Table component with Lucide React icons using Tailwind CSS. The sorting-enabled design helps users find data quickly—perfect for user directories, admin panels, analytics reports, or any React app with sortable tabular data.
React Table Block Sortable Columns preview
Installation
Related Components
Task Table with Actions
Table with status badges and action buttons
Searchable Filterable Data Table
Search and filter functionality
Table with Row Selection
Row selection with checkboxes
Table with Page Navigation
Navigate through pages
Table with Quick Filters
Filter chips for categories
Table with Column Visibility
Show/hide columns