API REFERENCE

columnDefs

Defines column data fields, headings, sizes, visibility, and editing. Include column groups to create multi-level headers.

Markdown source Features

What does this API do?

Defines column data fields, headings, sizes, visibility, and editing. Include column groups to create multi-level headers.

Exact input and result types

typescript

columnDefs: Array<ColumnDef | GridColumnGroupDef>

Item	Value
JavaScript name	columnDefs
HTML attribute	column-defs
Default	undefined
Input type	Array<ColumnDef \| GridColumnGroupDef>

Usage flow

Set this on a property of the Grid element. Pass arrays, objects, and callbacks through JavaScript, and use new arrays or objects when applying changes.

Read related types

ColumnDef
GridColumnGroupDef

Feature explanations and examples

Data updates
Replace rowData when receiving a complete query result. For partial changes, pass add, update, and remove to applyTransaction. Updates match through getRowId, not display positions.