首页 > 其他 > 详细

EasyUI datagrid 改变行的背景色

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

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 改变行的背景色

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!