ext js 4.0 grid表格根据列值的不同给行设置不同的背景颜色

Code:

Ext.create('Ext.grid.Panel', { ... viewConfig: { getRowClass: function(record) { return record.get('age') < 18 ? 'child-row' : 'adult-row'; } } });

　　

Code css样式:

 .child-row .x-grid-cell { background-color: #ffe2e2; color: #900; }
 .adult-row .x-grid-cell { background-color: #e2ffe2; color: #090; }

　　

 
 
ext 4.0.7版本用以上方法才可以改变行背景颜色。
使用一下方式的css在ext 4.0.7版本中无效：
.child-row { background-color: #ffe2e2; color: #900; } .adult-row { background-color: #e2ffe2；

转载于:https://www.cnblogs.com/smiler/p/3146725.html