JQuery easyUi datagrid 中 改变行背景色

前言

JQuery easyUi datagrid 中 使用datagrid生成数据列表后,需要根据相关设置使某些行的样式突出显示,也就是说改变一些行的背景色。
PS: 设置 striped:true  可以使行奇偶行颜色不同。

解决方法

使用datagrid特性,rowStyler 
rowStyler:function(rowIndex,rowData){
            	//任务完成100%, 并且已审核通过,背景色置灰
                if(rowData && rowData.status && (rowData.status=='TASK_ASSIGNER_AUDITED' || rowData.status=='TASK_MONITOR_AUDITED') && rowData.finishRate == 100)
                {
            		return 'background-color:#d9d9c2;';
            	}
    		},

这样当符合特定条件的行背景色将会置灰。

最后

一些特殊列突出显示。

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值