Layui之 页面多个表格,使每个表格之间的样式效果互不影响,限定是某个表格

var disabled_click_now = new Array();  // 不可点击的行 当前表格中
var table_data = new Array();

table.render({
       elem: "#followTable_now",
       page: true,
       cols: [[
           {field: "id", title: "ID", width: 100},
           {field: "name", title: "文件名", width: 300}, 
       ]],
       data:new_file_name,
       done: function(res,curr,count){      // 翻页的时候也触发
               var that = this.elem.next();   
               table_data = res.data;  //设置全部数据到全局变量
               for(var i=0;i< res.data.length;i++){
                   for (var j = 0; j < disabled_click_now.length; j++) {
                       //数据id和要勾选的id相同时checkbox选中
                       if(res.data[i].id == disabled_click_now[j])
                       {
                           //找到对应数据改变勾选样式,呈现效果
                           var index = res.data[i]['LAY_TABLE_INDEX'];
                           // 下面这样写,不影响别的表格
                           var tr = that.find(".layui-table tr[data-index='" + index + "']");
                           tr.css("background", "rgba(0, 0, 0, 0.35)");
                           tr.find("a[lay-event='put']").prop('disabled', true);
                           tr.find("a[lay-event='put']").removeClass("layui-btn-normal").addClass("layui-btn-disabled");

                       }
                   }
               }

           }

var that = this.elem.next();
var tr = that.find(".layui-table tr[data-index=’" + index + “’]”);
这两行限定了是当前表格

如果使用
$(’.layui-table tr[data-index=’ +index + ‘]’).css(“background”, “rgba(0, 0, 0, 0.35)”);
会影响页面中的所有表格

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值