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方法
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 从HTTP原因短语缺失研究HTTP/2和HTTP/3的设计差异
· 三行代码完成国际化适配,妙~啊~