Размер строки сетки в Extjs 3

Question

Я бы изменил размер строк моей сетки.

Answer 1

Вы можете использовать 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;
};

Answer 2

С помощью CSS:

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