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;