Foundation guide

Layout data grid documentation

Layout sets the grid frame: width, height, row height, header height, sticky header behavior, and optional root class/style hooks.

What it means

Layout decides the outer frame first: width, height, row height, header height, sticky header, and optional root-level class/style hooks.

When to use it

Use it when the same grid needs one frame for dense work and another for slower review. Reach for layout props before rewriting columns just to make a page feel tighter or more spacious.

Implementation notes

Keep width, height, row height, header height, sticky header, and root shell hooks together under `layout`. Pick the frame first, then let columns and other features adapt to that frame.

Relevant API

Start with layout.width, layout.height, layout.rowHeight, layout.headerHeight, layout.stickyHeader, layout.className, layout.style. Open the live API reference for types and defaults.