EasyUI datagrid 改变行的背景色

最新推荐文章于 2024-08-05 06:12:13 发布

来生做一个苦行僧

最新推荐文章于 2024-08-05 06:12:13 发布

阅读量7.3k

点赞数 2

分类专栏： easyUI 文章标签： EasyUI

本文链接：https://blog.csdn.net/xuzheng_java/article/details/37874107

版权

easyUI 专栏收录该内容

1 篇文章

订阅专栏

本文介绍如何利用jQuery EasyUI datagrid插件的rowStyler属性来定制不同数据行的背景颜色，通过示例代码展示了如何根据特定列的值来改变行样式。

摘要由CSDN通过智能技术生成

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