layui中根据条件判断使table单元格变色

layui中根据条件判断使table单元格变色,第1张

今天接到一个需求,要求要根据后台给的条件判断这条数据是否过期,过期整行数据变色。

效果如下图所示:

代码如下图:

动态的根据后台给的条件使整行数据变色,也可以指定行变色,把下面的index变成你要指定行的数据就可以了。例如:that.find(“.layui-table-box tbody tr[data-index='” + 6+ “']”).css(“background-color”, “#FA8072”); // 行变色 (第6行变色)

done:function (res,curr,count) {
var that = this.elem.next();
 var preliminaryDayList = res.data;  // 拿到后台给的数据
 preliminaryDayList.forEach(function (item,index) { // 循环取后台给的条件的值
     if (item.isPreliminaryDay == true) {
         that.find(".layui-table-box tbody tr[data-index='" + index + "']").css("background-color", "#FA8072"); // 行变色
     }
 });
}

以上就是问题的解决方案。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1297163.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-06-10
下一篇 2022-06-10

发表评论

登录后才能评论

评论列表(0条)

保存