美文网首页
【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