Higher-level data table composed on the LaunchPad RAC Table + TanStack Table v8:
declarative columns + data with freeform search, sorting, row selection, column
visibility, resize, density, click-row-to-open, and column drag-reorder. Adds cell
content helpers (two-line, numeric, delta, status, tag, mono) matching the Figma
"Table BETA" system, plus header/border styling from the o11y traces design.
Spike (spike/launchpad-datatable) for design review via Chromatic; see
spikes/launchpad-datatable/SPEC.md. Keyboard column-reorder is a documented follow-up.
Spike — for design review via Chromatic, not to merge as-is.
A higher-level
DataTablecomposed on the LaunchPad RACTable+ TanStack Table v8. RAC owns markup/keyboard/a11y/selection/sort-UI/DnD/resize; TanStack is the headless model for filtering, sorting, column visibility, and column order.Included
DataTable<TData>— declarativecolumns(TanStackColumnDef) +data, with: freeform search, sorting (incl.defaultSorting), row selection, column show/hide, resize, density (default/compact/tight), click-row-to-open (onRowAction/ single-selectreplace), and column drag-reorder (grip handle → TanStackcolumnOrder, dep-free HTML5 drag; pin withmeta.enableReorder: false).DataTableCells):TwoLineCell,NumericValue,DeltaValue,StatusCell,TagCell,MonoValue— matching the Figma "Table BETA" content set.node 2829-54659).Review in Chromatic
The Chromatic check on this PR publishes a Storybook for the design team → Components / Collections / DataTable.
Notes / follow-ups (see
spikes/launchpad-datatable/SPEC.md)Table(design/LP decision).