layui的表格列增加动态变色和显示隐藏

复制代码
/* 全局-已退回项目增加背景色区分 */
function checkBack(data) {
    layui.each(data, function(i) {
        var principalName1 = data[i].projectPrincipalName;
        if(!principalName1 || principalName1 == undefined){  //没有项目负责人,隐藏项目负责人列
            $(".layui-table-header th[data-field=projectPrincipalName]").hide();
            $(".layui-table-body td[data-field=projectPrincipalName]").hide();
        };
        if (data[i].backed && data[i].backed == true) {
            var trs = $('div[lay-id=lrlist] .layui-table-body tr');
            layui.each(trs, function(j) {
                if (trs.eq(j).data('index') === i) {
                    /* 加背景色 */
                    trs.eq(j).addClass('backgrounded');
                    /* 加字体颜色 */
                    // $(".layui-table-body tr[data-index=" + index + "]").find('.layui-table-cell').addClass("backed");
                    // $(".layui-table-body tr[data-index=" + index + "]").find('.layui-table-cell').children(".numColorColor").addClass("backed");
                };
            });
        };
    });
};
复制代码
done: function (res, curr, count) {
                        checkBack(res.data);  //已退回的项目用背景色标记
                     }

在done函数里面执行checkBack方法

posted @   make-up-xx  阅读(711)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 从HTTP原因短语缺失研究HTTP/2和HTTP/3的设计差异
· 三行代码完成国际化适配,妙~啊~
点击右上角即可分享
微信分享提示