Table Composition

A table is not one abstraction. It usually coordinates data identity, column configuration, cell presentation, table feature state, product workflow state, backend query mapping, and loading feedback.

Tables become hard to maintain when unrelated concerns are collapsed into one wrapper, schema, or renderer. Proper table composition means assigning each concern to the layer that owns it. Those concerns should stay visible enough to change independently.

The guides in this section cover the main composition boundaries:

  • Reusable Columns - How to reuse column modules and cell components without putting changing workflow state into column definitions.
  • State, Identity, and Workflows - How to keep row identity stable and separate table feature state from product workflow state.
  • Loading and Empty States - How to place loading, refetch, empty, and row-level pending feedback in predictable table surfaces.
Last updated on by Ryan Bower