Columns / Definition
Columns are declared as an array of ColumnDef objects. Each column pairs an id with a header label and a field that reads a property from the row data. Sizing is controlled by either a fixed width or a relative flex factor with an optional minWidth. The align prop controls text alignment, pinned keeps a column visible during horizontal scroll, and valueFormattertransforms the raw value for display.
Column definitions
A mixed-sizing column set: an ID column pinned left, data columns with flex and minWidth, numeric columns right-aligned, and a Status column pinned right.
Default column config
The grid-level
defaultColumnDef applies a minWidth floor to every column, so flex-sized columns cannot shrink below it. Fixed-width columns keep their exact width, and pinned columns stay in place during horizontal scroll — individual column defs stay clean.