layui table指定某一行樣式

table.render();//表頭樣式修改
var that = this.elem.next();
console.log(this.elem)
console.log(that)
res.data.foreach(function (item, index) 
});}
});

效果如下圖：

設定layui**欄位的字型顏色

我們在使用layui**對的時候，經常會有特殊字段需要顯示出來，比如金額、狀態……

這時候我們就需要對layui**進行設定了，**如下：

上面是對金額進行設定，效果如下：

這個是最簡單的設定，但是當我們遇到不同狀態的時候，需要對不同的狀態顯示出不同的顏色，這裡就需要準確到單元格的設定了，想要學會它，就需要自己動手去操作了，話不多說，請看例子：

注意：舉例的狀態在資料庫中的型別為bit型，它只有兩種狀態——true 或 false

設定審核狀態：首先要在layui**中指定一列，用於設定狀態，**如下：

然後就在控制器中查詢出審核否，讓資料顯示在**中，接著就在檢視設定狀態對應的樣式，**如下：

因為只是設定狀態，而不是點選改變狀態，所以這裡就不需要在控制器中寫**，它的效果如下：

看完上面的例子，已將可以很好的了解layui是如何對狀態進行簡單的設定了，那麼之後我們就要接觸一些難點的了，比如庫存警報的設定，就是獲取到**的資料，對**中的資料進行比較，然後再根據比較出來的資料進行樣式的設定，這麼說也許比較難理解，那就看例子咯：老規矩先初始化，在表頭設定顯示列，**如下：

接著也是在控制器中查詢出字段值，然後就是最重要的判斷了，**如下：

for迴圈遍歷整個**的資料，然後獲取當前行，對欄位進行判斷，最後寫顯示樣式，**都下完了，看看效果如何

3.layui資料**隔行變色的兩種方法 **：

layui資料**隔行變色，第一種的就是layui外掛程式裡有乙個自帶的方法：

even這個屬性把它設定為:true,就開啟了隔行畢竟顏色：

出來的效果：

外掛程式的開啟隔行背景的顏色是固定是：白色和淺灰色兩種顏色交替，如果想改變顏色，但是很麻煩，要找到外掛程式中的樣式把它改變，還有考慮樣式的優先性，我建議的還是你不是很熟悉外掛程式裡的東西，不要隨便改變外掛程式裡的樣式。

其實第二種隔行變色方法，你喜歡什麼顏色就給什麼顏色，它的隔行的顏色就是我們自己給的，不是固定：

done裡面寫的就是隔行變色的方法，顏色可以隨便給它交替隔行

上面給的顏色鮮明過頭啦，出來的效果有點。。。。。。。

把你們喜歡的顏色放上去就ojbk了，出來的效果肯定比我這演示的效果好。

4.layui設定table的各種背景色

新增以下內容到指定css檔案,並引入專案即可生效

/* 偶數行背景色 /

.layui-table[lay-even] tr:nth-child(even)

/* 滑鼠指向**時,奇數行背景顏色 */

.layui-table tbody tr:hover,.layui-table-hover

/* **頭部工具欄背景色 */

.layui-table-tool

/* **頭部背景色 /

th 效果如下: