Columns

Each column in the grid is defined using a column definition. Below is the set of all the properties you can set for column definitions. The section column groups details how to group columns in the headers.

Every property below is optional with the exception of children. For column groups, children is mandatory and that's also how the grid is able to distinguish a column from a column group (if children is present, it knows it's a group).

Default Column Definition

As well as defining columns, you can define default properties for the columns, so you don't have to repeat the item everywhere. Use grid property defaultColDef for properties common to all columns and defaultColGroupDef for properties common to column groups. For example the following provides defaults for columns and groups.

var gridOptions = {
    rowData: myRowData,

    // define 3 columns for this grid
    columnDefs: {
        {headerName: 'Col A', field: 'a'}
        {headerName: 'Col B', field: 'b'}
        // this column overrides the stated default, and  uses the number filter
        {headerName: 'Col C', field: 'c', filter: 'number'}
    },

    // the default col def, gets applied to every col
    defaultColDef: {
        // make every column editable
        editable: true,
        // make every column use 'text' filter by default
        filter: 'text'
    },

    // if we had column groups, we could provide default group items here
    defaultColGroupDef: {}
}

Properties for Column Groups & Columns

Properties for Columns

Properties for Column Groups