Блог

Главная - Вопросы по программированию - Размер строки сетки в Extjs 3

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

#extjs #grid #row

#extjs #сетка #строка

Вопрос:

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

Комментарии:

1. Из какого размера? До какого размера? Вы говорите о высоте и / или ширине ячеек? Вы имеете в виду размер всей строки и / или столбца? Какой код вы уже пробовали? Помогите нам помочь вам.

2. Я бы изменил размер всей строки. Я использовал этот код, но он изменил все сетки и изменил бы только 1 сетку. .x-grid3-строка {высота: 20 пикселей;} .x-grid3-строка-таблица TD {высота строки: 16 пикселей;}

Ответ №1:

С помощью CSS:

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

Комментарии:

1. Это работает со всеми сетками, но я бы изменил высоту только 1 сетки.

2. вы можете добавить несколько cls в свою сетку 1 и изменить этот CSS с помощью этого cls.

Ответ №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;
};