Search code examples
extjsextjs3

how to group header grid in extjs?

How to group header like grid below in extjs:

|-------------- A1 header------------|--------------B1 Header---------------|

|----A2Header---|---A3Header---|----B2Header---|---B3Header------|

|-----A2Data------|----A3 Data------|-----B2 Data------|-----B3 Data-------|

|-----A2Data------|----A3 Data------|-----B2 Data------|-----B3 Data-------|

my code extjs:

    plColModel = new Ext.grid.ColumnModel([

    new Ext.grid.RowNumberer(),
    { header: "A2Header", dataIndex: 'A2Data' },
    { header: "A3Header", dataIndex: 'A3Data' },
    { header: "B2Header", dataIndex: 'B2Data' },
    { header: "B3Header", dataIndex: 'B3Data' }
        ]);
Solution

  • refer this :

    ColumnHeaderGroup