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