EasyUI datagrid 改变行的背景色

时间:2022-01-11 13:22:48

1、简介

使用jQuery EasyUI datagrid获取数据列表的时候,可能需求需要改变某些数据行的背景色,或者将其数据行显示为奇数偶数行不同,这是改变背景色就是非常必要的。

2、实现

使用datagrid的特性:rowStyler

实例如下:

$('#keyManagement-gd').datagrid({ 
rowStyler:function(index,row){
if (row.classification=="Encrypting_Key" || row.classification=="Admin_Key" ||row.name=="Default_File_Key"){
return 'background-color:#969696;';
}
}
});
说明:这里将改变列字段为classification为Encrypting_Key和Admin_Key以及列字段name为Default_File_Key数据行显示背景色

3、效果

EasyUI datagrid 改变行的背景色