Extjs 3中的网格的行大小

Question

我会更改我的网格的行的大小。

Answer 1

使用CSS：

.x-grid3-row {height: 20px;} 
.x-grid3-row-table TD {line-height: 16px;} 

Answer 2

您可以使用getRowClass。

Ext.create('Ext.grid.Panel', { 
    title: 'Sample grid', 
    cls: 'my_grid', 
    store: 'storeName', 
    columns: [ 
     { text: 'Name', dataIndex: 'name' }, 
     { text: 'Email', dataIndex: 'email' }, 
     { text: 'Phone', dataIndex: 'phone' } 
    ], 
    height: 200, 
    width: 300, 
    viewConfig: { 
     getRowClass: function(record, rowIndex){ 
      return 'row_'+rowIndex; 
     } 
    }, 
    renderTo: Ext.getBody() 
}); 

现在的风格是这样

.my_grid .row_0{ 
    height: 50px; 
}; 
.my_grid .row_1{ 
    height: 60px; 
};