1. 程式人生 > >EasyUI datagrid 改變行的背景色

EasyUI datagrid 改變行的背景色

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