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>
原文地址:https://www.cnblogs.com/luna-hehe/p/13994183.html