react-table
Installation
SKILL.md
React Table Implementation
This project uses @tanstack/react-table v8 and renders with the project’s Table primitives in @/modules/common/components/ui/table (shadcn-based).
Architecture overview
| Layer | Location | Responsibility |
|---|---|---|
| Column config | constants/*TableConfig.tsx |
ColumnDef<T>[]: header, accessor, cell, filterFn, size, etc. |
| Container | containers/*Container.tsx |
useReactTable, data source, optional virtual/selection/filter |
| Common component | common/components/ui/data-table.tsx |
Simple tables can use <DataTable columns={} data={} /> |
| Table UI | common/components/ui/table |
Table, TableHeader, TableBody, TableRow / SelectableTableRow, TableHead, TableCell |