另一種方法:https://www.cnblogs.com/raitorei/p/10395233.html
easyui的datagrid改變整行顏色:https://www.cnblogs.com/raitorei/p/10641342.html
代碼:
function centerList(){ $('#centerList').datagrid({ width:'100%', iconCls : 'icon-ok', pageSize : 1,//默認選擇的分頁是每頁5行數據 pageList : [ 15,50,100,150 ],//可以選擇的分頁集合 nowrap : true,//設置為true,當數據長度超出列寬時將會自動截取 striped : false,//設置為true將交替顯示行背景。 collapsible : true,//顯示可折疊按鈕 url:'report/getAlarmDetailsData.action',//url調用Action方法 loadMsg : '數據裝載中......', singleSelect:true,//為true時只能選擇單行 fitColumns:true,//允許表格自動縮放,以適應父容器 //sortName : 'xh',//當數據表格初始化時以哪一列來排序 //sortOrder : 'desc',//定義排序順序,可以是'asc'或者'desc'(正序或者倒序)。 remoteSort : false, pagination : false,//分頁 rownumbers : true,//行數 queryParams:{'flag':3}, onLoadSuccess:function(data){ var trs = $(this).prev().find('div.datagrid-body').find('tr'); //行 for(var i=0;i<trs.length;i++){ //行內單元格 for(var j=1;j<trs[i].cells.length;j++){ var row_html = trs[i].cells[j]; var cell_field=$(row_html).attr('field'); var cell_value=$(row_html).find('div').html(); if(cell_value == 0){ trs[i].cells[j].style.cssText='background:#59DB8F;'; } if(cell_field == 'alarm1' && cell_value > 0){ trs[i].cells[j].style.cssText='background:#FFF68F;'; } if(cell_field == 'alarm2' && cell_value > 0){ trs[i].cells[j].style.cssText='background:#FFC859;'; } if(cell_field == 'alarm3' && cell_value > 0){ trs[i].cells[j].style.cssText='background:#FFA059;'; } if(cell_field == 'alarm4' && cell_value > 0){ trs[i].cells[j].style.cssText='background:#FF6347;'; } } } } }); }