extjs - 如何以百分比形式在 Ext.grid.ColumnModel 中设置宽度？

Question

如何以Ext.grid.ColumnModel百分比形式设置宽度？

Answer 1

使用数字作为列宽，总共 100，并使用 forceFit 配置视图，例如

var grid = new Ext.grid.GridPanel({
     cm: new Ext.grid.ColumnModel({
          columns: [{
              header: 'header1',
              dataIndex: 'data1',
              width: 30
          },{
              header: 'header2',
              dataIndex: 'data2',
              width: 30
         },{
              header: 'header3',
              dataIndex: 'data3',
              width: 40
         }]
     }),
     viewConfig: {
          forceFit: true
     }
});