Column Features

Column layout and interaction features: sizing, visibility, pinning, reorder, groups, and spanning.

Enable capability flags via DataTableFeatures and configure header chrome with DataTableHeaderChromeConfig (filter button, menu, hide).

  • Resizable or pinned columns in wide datasets
  • User-controlled column visibility via the picker
  • Multi-level grouped headers
  • Enable COLUMN_PINNING, COLUMN_REORDER, or related flags on features.
  • Set column widths with ColumnWidth::Fixed or ColumnWidth::Flex.
  • Gate toolbar picker and header menu via toolbar_config and header_chrome.
Column sizing and resize

Fixed and flex columns with drag resize handles on headers.

Ada Lovelace
Admin
1–1 of 1
Column visibility

Hide columns via initial state (column_visibility).

Ada
1–1 of 1
Column picker

Toggle column visibility from the toolbar Columns popover.

Ada
[email protected]
Admin
1–1 of 1
Column menu

Per-header menu for sort, filter, pin, and hide actions.

Ada
Editor
Grace
Admin
1–2 of 2
Column pinning

Sticky left/right columns when scrolling horizontally.

Ada
Engineering
London
Long notes column for scroll
1–1 of 1
Column reorder

Drag column headers to reorder when COLUMN_REORDER is enabled.

Ada
Admin
Eng
1–1 of 1
Column groups

Two-level grouped headers over leaf columns.

Ada
[email protected]
Eng
Lead
1–1 of 1
Column spanning

Body cells span multiple columns via col_span.

Merged summary cell spanning Summary and Detail A
B
1–1 of 1