easyui datagrid 隔行变色

Posted ✧*꧁一品堂.技术学习笔记꧂*✧.

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了easyui datagrid 隔行变色相关的知识,希望对你有一定的参考价值。


easyui datagrid  隔行变色


一:实现样图

image

二:实现代码

  1 $(\'#dataGrid\').datagrid({
  2 	    rowStyler:function(index,row){
  3 	        if (row.adjust_typename=="小计"){
  4 	            return \'background-color:#D7FFEE;\';
  5 	        }else{
  6 	        	 //任务完成100%,1 并且已审核通过,背景色置灰  
  7                 if(row.rownum_ % 2 != 0){
  8                     return \'background-color:#d9d9c2;\';
  9                 }
 10 	        }
 11 	    }
 12 	});

或者用官方提供的属性值:

P97%VEXV2%$JJ84W)ZZGK]I








——————————————————————————————————————————————————————————————————————————

以上是关于easyui datagrid 隔行变色的主要内容,如果未能解决你的问题,请参考以下文章

DataGrid 行变色

EasyUI中DataGrid隔行改变背景颜色。

easyui怎么给某一单元格,点击保存前后颜色改变

我的easyui有一个datagrid,我想点击datagrid的一个单元格,让那个单元格的值改变,可以帮我解答一下吗?

listview隔行变色

easyui-datagrid单元格事件