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
扫码关注微信