首页 > 代码库 > EasyUI datagrid 改变行的背景色

EasyUI datagrid 改变行的背景色

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、效果