码迷,mamicode.com
首页 > 其他好文 > 详细

EasyUI datagrid 改变行的背景色

时间:2014-07-16 12:54:03      阅读:238      评论:0      收藏:0      [点我收藏+]

标签:easyui

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

bubuko.com,布布扣

EasyUI datagrid 改变行的背景色,布布扣,bubuko.com

EasyUI datagrid 改变行的背景色

标签:easyui

原文地址:http://blog.csdn.net/xuzheng_java/article/details/37874107

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!