Reorderable Table
shadcn-table-library/reorderable-tableFreeBlock
Drag rows to reorder them and drag column headers to reorder columns, both built on @dnd-kit/sortable.
Install it
npx shadcn@latest add https://shad-table.dev/r/reorderable-table.jsonSource
1'use client'23import type { ColumnDef } from '@tanstack/react-table'45export type Task = {6 id: string7 title: string8 priority: string9 status: string10}1112export const columns: ColumnDef<Task>[] = [13 {14 id: 'title',15 accessorKey: 'title',16 header: 'Title',17 },18 {19 id: 'priority',20 accessorKey: 'priority',21 header: 'Priority',22 sortingFn: 'basic',23 },24 {25 id: 'status',26 accessorKey: 'status',27 header: 'Status',28 sortingFn: 'basic',29 },30]
What it pulls in
npm packages
Other registry items
Files it writes
More from shadcn-table-library
All 18 items| Component | Registry | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| Animated Icons Tableanimated-icons-table | shadcn-table-library | Blocks | Free | 2 deps · 9 files | |
| Comparison Tablecomparison-table | shadcn-table-library | Blocks | Free | 1 dep · 4 files | |
| Data Tabledata-table | shadcn-table-library | Blocks | Free | 1 dep · 4 files | |
| Density & Exportdensity-export-table | shadcn-table-library | Blocks | Free | 1 dep · 4 files | |
| Editable Tableeditable-table | shadcn-table-library | Blocks | Free | 1 dep · 3 files | |
| Grouped Tablegrouped-table | shadcn-table-library | Blocks | Free | 1 dep · 3 files | |
| Heatmap Tableheatmap-table | shadcn-table-library | Blocks | Free | 1 dep · 4 files | |
| Summary / KPI Tablekpi-table | shadcn-table-library | Blocks | Free | 1 dep · 5 files |
