第一次加载时，extjs 4网格无法正确显示

Question

我有以下问题。我有一个网格，其自定义行高设置为css。

我的css：

.blubb>td {
    overflow: hidden;
    padding: 3px 6px;
    white-space: nowrap;
    height: 27px !important;
}

在getRow类中的

我将这个类分配给行。第二次加载网格时，这非常有效。当我第一次加载网格时，它看起来像这样：

所以看起来Css规则不会应用于行，但为什么在我第二次加载网格时会应用它们？您还应该知道，前4列是锁定的，因此这是一个锁定的网格。有人可以帮我解决这个问题吗？ Thx提前！

Answer 1

而不是使用getRow，您可以使用tdCls see here中的Ext.grid.column.Column属性，也可以定义自定义列：

Ext.define('Ext.ux.grid.StyleColumn', {
    extend: 'Ext.grid.column.Column',
    alias: 'widget.stylecolumn',
    /* author: Alexander Berg, Hungary */

    defaultRenderer: function(value, metadata, record, rowIndex, colIndex, store, view) {
        var column = view.getGridColumns()[colIndex];
        //we can use different classes in each cell
        if (record.data.tdCls) {
            metadata.tdCls = record.data.tdCls;
        //we can use different classes in each column
        } else if (column.tdCls) {
            metadata.tdCls = record.data.tdCls;
        //we can use different classes in each grid (you can define it in viewConfig)
        } else if (view.rowCls) {
            metadata.tdCls = view.rowCls;
        //we can add a default class
        } else {
            metadata.tdCls = 'mydefault';
        }       
        return value;
    }
});