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;
};