使用layui框架根据字段来设置tr行的背景色

问题来源：最近在写公司项目时使用layui遇见的问题，老板要求根据td字段来设置整行tr的背景色。

解决：一开始数据比较少的时候只是直接在页面根据js动态判断字段然后来更改背景色，结果能够成功，但是后面数据一多起来就发现刚刚写的动态css只限于在第一页有效，其他页没有，在做搜索、增加、删除、修改后动态css也无效。于是乎自己只能在网上寻找方法。

在设置layui属性样式的时候可以加上templet，后面接要执行的参数，具体做什么不清楚

原谅前面讲了一大堆，下面开始正文：

在渲染规则列表的时候，可以加上done函数，里面调用要执行的操作，具体的优缺点还没有去了解，有兴趣的同学可以自行去了解

 

效果图：

 转载：

 https://www.cnblogs.com/showcase/p/10844568.html

---------------------------------------------------------------------------------------------------------------------------------------------------------------

 

 function setColor(tableClassName){
        var $table = $(tableClassName).eq(1);
      
        if($table.length){
            //遍历所有行
            $table.find('tr').each(function(){
                // var week_status = $(this).find('td[data-field="week_status"]').attr('data-content');
                // console.log('dddd');
                
                if($(this).find('td[data-field="week_status"] div').html() == 1){   //给状态为2的数据行设置背景色
                    $(this).attr('style',"background:#f1dddd;color:#000");
                }
            })
        }
    }