效果圖:
實現:
原文鏈接:https://blog.csdn.net/huangjp_hz/article/details/59058058
或者
differentFlag為樣式名:
以上效果設置的是文字的顏色為紅色,如果設置背景色,則效果如下圖所示(addClass里只需修改樣式名即可):
但有BUG:鼠標懸停或者點擊該行時就會變成行灰色或者黃色,問題還沒解決故用上面的方案。
源代碼:
loadComplete: function () { var ids = $("#gridList").getDataIDs(); for (var i = 0; i < ids.length; i++) { var rowData = $("#gridList").getRowData(ids[i]); if (rowData.RepairType == "在線返修") {//如果天數等於0,則背景色置灰顯示 $('#' + ids[i]).find("td").addClass("SelectBG"); //$("#" + ids[i]).find("td").css("color", "#FF0000"); } } }
<style type="text/css"> .SelectBG { background-color: #FF0000; } .differentFlag { color:#FF0000 ; } </style>