Skip to content

feat(components): DataTable (RAC + TanStack v8) [spike]#1944

Closed
ccschmitz-launchdarkly wants to merge 1 commit into
mainfrom
spike/launchpad-datatable
Closed

feat(components): DataTable (RAC + TanStack v8) [spike]#1944
ccschmitz-launchdarkly wants to merge 1 commit into
mainfrom
spike/launchpad-datatable

Conversation

@ccschmitz-launchdarkly

@ccschmitz-launchdarkly ccschmitz-launchdarkly commented Jul 10, 2026

Copy link
Copy Markdown

Spike — for design review via Chromatic, not to merge as-is.

A higher-level DataTable composed on the LaunchPad RAC Table + 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> — declarative columns (TanStack ColumnDef) + data, with: freeform search, sorting (incl. defaultSorting), row selection, column show/hide, resize, density (default/compact/tight), click-row-to-open (onRowAction / single-select replace), and column drag-reorder (grip handle → TanStack columnOrder, dep-free HTML5 drag; pin with meta.enableReorder: false).
  • Cell content helpers (DataTableCells): TwoLineCell, NumericValue, DeltaValue, StatusCell, TagCell, MonoValue — matching the Figma "Table BETA" content set.
  • Header/border styling matched to the o11y traces design (node 2829-54659).
  • Stories: Overview, Traces List, With Selection, Density, Numeric Columns, Empty.

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)

  • Keyboard column-reorder (mouse-only today).
  • Header sort icon is RAC's caret vs the design's down-arrow, and no per-column menu — both live in the shared RAC Table (design/LP decision).
  • No changeset yet (spike).
  • The real observability AlertsTable migration proving this out lives in a separate gonfalon PR.

@ccschmitz-launchdarkly
feat(components): add DataTable (RAC + TanStack v8) [spike]
bbd0004 
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.
@changeset-bot

changeset-bot Bot commented Jul 10, 2026

Copy link
Copy Markdown

⚠️ No Changeset found

Latest commit: bbd0004

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

@ccschmitz-launchdarkly

ccschmitz-launchdarkly commented Jul 10, 2026

Copy link
Copy Markdown
Author

Superseded — consolidating into a single gonfalon PR: the DataTable now incubates in @gonfalon/launchpad-experimental alongside its real proof-out (AlertsTableV2), so the component + consumer live in one PR. See launchdarkly/gonfalon#66872. Will graduate to @launchpad-ui/components once the API settles.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

No reviews

Assignees

No one assigned

Labels

None yet

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

1 participant

@ccschmitz-launchdarkly