Structure guide

System columns data grid documentation

System columns place built-in helper columns without cloning the base data columns.

What it means

Columns control the screen-level presentation of the base column definitions, especially width maps and the order, pinning, and size of built-in helper columns.

When to use it

Use this area when the same business columns appear in several screens but need different emphasis on each screen. Keep these props close to the view when a revenue screen, audit screen, and support screen need different width priorities or helper-column placement.

Implementation notes

Put reusable business meaning in the base column defs and screen-specific emphasis in `columns`. Prefer a small set of intentional helper-column rules over one-off tweaks. Too much local sizing becomes hard to maintain.

Relevant API

Start with columns.columnWidths, columns.fillWidth, columns.systemColumns. Open the live API reference for types and defaults.