zoukankan      html  css  js  c++  java
  • 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>
  • 相关阅读:
    xml
    反射
    类加载器
    TCP通信
    UDP通信
    网络通信
    【SpringBoot】Freemarkerの主キー
    【SpringBoot】Warの作成
    【Excel】ファイルの拡張子
    【SAP】TCODE表
  • 原文地址:https://www.cnblogs.com/luna-hehe/p/13994183.html
Copyright © 2011-2022 走看看