layui根据特定的条件给table设置背景色

最新推荐文章于 2024-09-24 15:45:18 发布

I am 李豆

最新推荐文章于 2024-09-24 15:45:18 发布

阅读量3.1k

点赞数

分类专栏： Java菜鸡改bug之路文章标签： layui javascript 前端

本文链接：https://blog.youkuaiyun.com/qq_43364241/article/details/126115812

版权

Java菜鸡改bug之路专栏收录该内容

14 篇文章

订阅专栏

该篇博客介绍了如何在layui的table组件中使用回调函数done来实现动态设置表格行的背景颜色。当表格数据中某项zt字段值为'2'时，通过遍历并修改DOM元素，将对应行的背景色设置为#DAA520。这种方法有助于突出特定状态的数据行。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

layui 中的 table 组件有回调方法，需要在回调方法里面添加。

done: function (res, curr, count) {
    /*
		res : table 中的数据
	*/
	
   	// 设置背景颜色
     let backgroundColor = "#DAA520" ;
     
 	// 循环 table 中的数据
     res.data.forEach(function(item,index,self){
     
     	// 判断想要改变的条件
         if (item.zt == '2'){
         // 给 表格设置背景色
             $('.layui-table').find('tr[data-index ='+index+']').css("background-color",backgroundColor) ;
         }
     });

}