美文网首页
【layui】使用table编辑功能,滚动条位置固定不变,无感刷

【layui】使用table编辑功能,滚动条位置固定不变,无感刷

作者: miniy_7 | 来源:发表于2019-11-25 14:42 被阅读0次

使用table 单元格编辑功能时,每次里焦触发成功后手动调用了table.reload函数,导致滚动条初始化到顶部。

  • 在表格编辑后,表格刷新前先记录滚动条位置
var scrollTop = ($('.layui-table-body') && $('.layui-table-body').length > 1) ? $('.layui-table-body')[0].scrollTop : $('.layui-table-body').scrollTop;
var scrollLeft = ($('.layui-table-body') && $('.layui-table-body').length > 1) ? $('.layui-table-body')[0].scrollLeft : $('.layui-table-body').scrollLeft;

activeData.tableScroll.scrollTob = scrollTop == 0 ? activeData.tableScroll.scrollTob : scrollTop;
activeData.tableScroll.scrollLeft = scrollLeft;
  • 在table 的done函数中进行表格滚动
  done: function () {
        $('.layui-table-body').scrollTop(activeData.tableScroll.scrollTob);
        $('.layui-table-body').scrollLeft(activeData.tableScroll.scrollLeft);
        activeData.tableScroll.scrollTob = 0;
        activeData.tableScroll.scrollLeft = 0;
  }

相关文章

网友评论

      本文标题:【layui】使用table编辑功能,滚动条位置固定不变,无感刷

      本文链接:https://www.haomeiwen.com/subject/uetjwctx.html