jqgrid 改變數據行的顏色


效果圖:

實現:

原文鏈接: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>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM