Sortable Data Table

Sortable Data Table is a registry:component for sortable project data with full-cell sort targets and a keyboard-selectable active row.

• Render SortableDataTable for the included project-table example.
• Adapt the row type, data and typed columns after installation while keeping a stable row id.
• Sortable columns need an accessor. Row selection is controlled by activeRowId and onRowClick.

• The recipe adds no sorting or row-selection motion.
• The table updates immediately and respects the native focus behavior of DataTable.

• Sort buttons expose aria-sort through DataTable.
• Interactive rows are keyboard reachable and need a row-specific accessible label.
• Keep the active state textual or semantic; do not rely on background color alone.

• Install with pnpm dlx shadcn@4.16.1 add @siteplane/sortable-data-table.
• Prefer DataTable columns and accessors over custom table sorting code.
• Adapt the installed recipe source for project row types, column labels and a row-selection callback; keep the recipe when a project row opens Detail Drawer.
• Use the lower-level DataTable for non-project data or materially different table mechanics.