ext js 4.0 grid表格根据列值的不同给行设置不同的背景颜色
2013-06-20 18:35
387 查看
Code:
Code css样式:
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;
相关文章推荐
- SecureCRT背景及根据不同文件类型颜色的设置
- 根据网络请求数据,给子条目设置背景颜色不同
- 加载数据后,根据列值设置不同的行颜色
- XML+XSLT实现表格颜色交替,某列背景根据数据显示不同颜色
- CSS-相关练习1-表格实现奇数行和偶数行自行判断设置不同的背景颜色
- 表格奇偶行设置不同颜色的核心JS代码
- 黄聪:phpexcel中文教程-设置表格字体颜色背景样式、数据格式、对齐方式、添加图片、批注、文字块、合并拆分单元格、单元格密码保护
- 新增格式化单元格数据功能-dotNetFlexGrid更新1.24版本,快速的设置您的表格数据的不同样式;现在开始扔掉你的Asp.net GridView吧。
- EXTJS根据值Value改变gridpanel单元格背景颜色或者设置整行字体颜色
- extjs grid设置某列背景颜色和字体颜色
- DevExpress 10.2.4系列-ASPxListBox根据列值不同设置不同图标
- 根据绑定的值的不同改变gridview里某一单元格的字体或背景颜色
- 设置button不同状态下的背景色,即把这个颜色变成图片设置成,背景图片
- Extjs Grid根据行内容设置不用字体颜色
- Reporting Service技巧(一):表格中奇偶行不同颜色的设置
- phpexcel中文教程-设置表格字体颜色背景样式、数据格式、对齐方式、添加图片、批注、文字块、合并拆分单元格、单元格密码保护
- 【android】 使用一个shape.xml文件,使用代码设置不同圆角背景颜色
- TDataGridViewEx组件中设置表格行背景颜色的.NET事件实现技术