shadcn-impl-data-table

What problem does it solve?

It eliminates broken and empty shadcn DataTable implementations by enforcing the correct TanStack Table v8 recipe, controlled state wiring, and the client/server data contract.

Core Features & Use Cases

• Correct DataTable “recipe” composition: builds a reusable components/ui/data-table.tsx that renders shadcn Table primitives driven by TanStack row/header models.
• Deterministic feature wiring: ensures getCoreRowModel() is always present, and that optional features (sorting, filtering, pagination, row selection, column visibility, optional resizing) are implemented with the right row-model functions and state keys.
• Production-safe server-side integration: provides the rules for manualSorting, manualFiltering, and manualPagination including the requirement for pageCount/rowCount, plus guidance to avoid double-sorting/double-filtering.
• Guardrails against common failures: prevents zero-row bugs, selection collisions (missing getRowId), infinite pagination (missing pageCount), and Next.js hydration failures (missing "use client").

Quick Start

Use the skill to implement a sortable, filterable, and paginated shadcn DataTable by wiring TanStack Table v8 with the required row-model functions, controlled state, and the correct "use client" boundary.