jQuery EasyUI使用教程:根据条件更换数据网格行背景颜色
jQuery EasyUI最新试用版免费下载>
本教程将为大家介绍在某些条件下如何更改数据网格组件的行样式。当listprice值大于50时，我们将为该行设置不同的颜色。
数据网格的rowStyler函数允许您可以自定义行样式，下面的代码演示了如何更改行样式：
| Item ID | Product ID | List Price | Unit Cost | Attribute | Stauts |
|---|
$('#tt').datagrid({
rowStyler:function(index,row){
if (row.listprice>50){
return 'background-color:pink;color:blue;font-weight:bold;';
}
}
});正如您所看到的，我们根据一些条件设置background-color为pink（粉红色），设置文本颜色为blue（蓝色）。
购买jQuery EasyUI最新正版授权！详情请"咨询在线客服"
葡萄城经典UI产品惠风迎春，惊喜折扣礼品送不停！
慧都科技，十三年行业经验，专注提供软件技术整体解决方案，致力打造全球最大的软件技术一站式服务平台。
慧都控件｜帮助企业打造成功软件
慧都提供全球优质控件产品/控件培训/项目定制开发/方案咨询/现场实施/项目外包/专业测试
微信ID：EVGET_Huidu
企业QQ：800018081｜电话：023-66090381
扫码关注微信
