layui給表格中的某一行或某一列設置css樣式


var tableIns = table.render({
       elem: '#table'
     , skin: 'row' //行邊框風格
     , even: true //開啟隔行背景
     , url: '/index/conf_manage/recorde.html?id={$id}'
     , cols: [cols]
     , page: true
     , loading: true
     , toolbar: true
     , limit: 16
     , limits: [1,10,20,50,100,1000],
     done: function (res, curr, count) {
         console.log(res);   
         console.log(curr);
         console.log(count);
         // 官方介紹  https://www.layui.com/doc/modules/table.html#templet
         res.data.forEach(function (item, index) {
             if (item.is_wipe == 1) {
                 var tr = $(".layui-table").find("tbody tr[data-index='" + index + "']");
                 tr.css("background-color", "#98FB98");
                 // 給1-0-9列添加樣式
                 tr.find(".laytable-cell-1-0-9").css("color","red");
             } 
         });
     }
 });

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM