title: how to group header grid in extjs?
body: <p>How to group header like grid below in extjs:</p>
  
  <p>|-------------- <strong>A1 header</strong>------------|--------------<strong>B1 Header</strong>---------------|</p>
  
  <p>|----<strong>A2Header</strong>---|---<strong>A3Header</strong>---|----<strong>B2Header</strong>---|---<strong>B3Header</strong>------|</p>
  
  <p>|-----A2Data------|----A3 Data------|-----B2 Data------|-----B3 Data-------|</p>
  
  <p>|-----A2Data------|----A3 Data------|-----B2 Data------|-----B3 Data-------|</p>
  
  <p>my code extjs:</p>
  
  <pre><code>    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' }
          ]);
  </code></pre>