jQuery EasyUI使用教程:根据条件更换数据网格行背景颜色

jQuery EasyUI最新试用版免费下载>

本教程将为大家介绍在某些条件下如何更改数据网格组件的行样式。当listprice值大于50时，我们将为该行设置不同的颜色。

数据网格的rowStyler函数允许您可以自定义行样式，下面的代码演示了如何更改行样式：

$('#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

扫码关注微信