Grouped Header Example

This example shows how to create a grid with column headers which are nested within category headers.

Category headers do not reference Model fields via a dataIndex, rather they contain child header definitions (which may themselves either contain a dataIndex or more levels of headers).

The syntax is as simple as:

{
    header: 'Category Header',
    headers: [{
        header: 'First Sub Header',
        dataIndex: 'subHeaderField1'
    }, {
        header: 'Second Sub Header',
        dataIndex: 'subHeaderField2'
    }]
}

Note that the js is not minified so it is readable. See group-header-grid.js.