GridPanelで帯状の列を作成する方法は？

Question

Ext JS GridPanelで帯状列を作成することはできますか？

Answer 1

例グループヘッダgrid.jsで発見

var grid = Ext.create('Ext.grid.Panel', { 
     store: store, 
     columnLines: true, 
     columns: [{ 
      text  : 'Company', 
      flex  : 1, 
      sortable : false, 
      dataIndex: 'company' 
     }, { 
      text: 'Stock Price', 
      columns: [{ 
       text  : 'Price', 
       width : 75, 
       sortable : true, 
       renderer : 'usMoney', 
       dataIndex: 'price' 
      }, { 
       text  : 'Change', 
       width : 75, 
       sortable : true, 
       renderer : change, 
       dataIndex: 'change' 
      }, { 
       text  : '% Change', 
       width : 75, 
       sortable : true, 
       renderer : pctChange, 
       dataIndex: 'pctChange' 
      }] 
     }, { 
      text  : 'Last Updated', 
      width : 85, 
      sortable : true, 
      renderer : Ext.util.Format.dateRenderer('m/d/Y'), 
      dataIndex: 'lastChange' 
     }], 
     height: 350, 
     width: 600, 
     title: 'Grouped Header Grid', 
     renderTo: 'grid-example', 
     viewConfig: { 
      stripeRows: true 
     } 
    });