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 改变行的背景色
时间: 2024-10-26 05:52:12