extjs 4 grid is not displayed correctly the first time it loads -

i have following problem. have grid custom row height wich set css.

my css:

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

in getrow class assign class rows. works second time load grid. when load grid first time, looks this:

so looks css rules won't applied rows, why applied when load grid second time? should know, first 4 columns locked, locked grid. please me fix issue? thx in advance!

instead of using getrow, can use tdcls property in ext.grid.column.column see here, or can define custom 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 in viewconfig)         } else if (view.rowcls) {             metadata.tdcls = view.rowcls;         //we can add default class         } else {             metadata.tdcls = 'mydefault';         }                return value;     } });