使用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");
                }
            })
        }
    }