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