LayUI Layui Table 选中行变色及指定行变色

  1. 众所周知,layui 表格只有悬浮变色,没有选中变色,恰好有这个需求,于是乎上代码
      $("body").on('click', '.layui-table-body tr ', function () {
            var data_index = $(this).attr('data-index');

            $(".layui-table-body tr").css("background","#FFFFFF");

            $(".layui-table-body tr[data-index=" + data_index + "]").css("background", "#d1c7b7");

        });
  1. 既然能选中变色,那么肯定就能指定行变色,写在表格的done事件里
         done: function (res, curr, count) {
                var that = this.elem.next();
                res.data.forEach(function (item, index) {
                    if (item.is_back < 1) {
                        var tr = that.find(".layui-table-box tbody tr[data-index='" + index + "']");
                        //tr.css("background-color", "#ff5722");
                        tr.css("color", "#FF5722");
                    }
                });
            },
本文来自投稿,不代表本站立场,如若转载,请注明出处:https://www.zfjsec.com/722.html
-- 展开阅读全文 --
C# 删除DataTable里符合条件的行
« 上一篇 06-28
使用Git时出现一些报错解决办法
下一篇 » 07-01

发表评论