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;';
            }
    },

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

最后

一些特殊列突出显示。