layui 表格滚动到指定位置

常安cc

已于 2023-09-12 16:07:33 修改

阅读量1.3k

点赞数

分类专栏：前端 layui 文章标签： layui 前端 javascript

于 2023-08-21 12:18:22 首次发布

本文链接：https://blog.youkuaiyun.com/m0_55546349/article/details/132405857

版权

前端同时被 2 个专栏收录

92 篇文章

订阅专栏

layui

9 篇文章

订阅专栏

layui 表格滚动到指定位置



          // 滚动到指定位置
          let rows = layui.table.cache.test;

          for (let i = 0; i < rows.length; i++) {
            // console.log(rows[i]); 
            if (rows[i].day == id) {

              let j = rows[i].LAY_TABLE_INDEX;

              $('tbody > tr').eq(j).css('background', '#e5e5e5');

              let cellHtml = $('tbody > tr').eq(j);

              $(".layui-table-main").animate({

                scrollTop: cellHtml.offset().top - $(".layui-table-main").offset().top + $(".layui-table-main").scrollTop()

              }, 200);

            }

          }

layui:表格行操作之后公洞到最上面了，然后使表格固定在当前操作的地方？
在这里插入图片描述



    // 重载表格---保持滚动条位置
    let tableScroll = {
      scrollTob: 0,
      scrollLeft: 0,
    };
 done: function (res, curr, count) {
            // 重载表格---保持滚动条位置
            $('.layui-table-body').scrollTop(tableScroll.scrollTob);
            $('.layui-table-body').scrollLeft(tableScroll.scrollLeft);
            tableScroll.scrollTob = 0;
            tableScroll.scrollLeft = 0;
                    },

//TODO
fn(){
          // 重载表格---保持滚动条位置
          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;
          tableScroll.scrollTob = scrollTop == 0 ? tableScroll.scrollTob : scrollTop;
          tableScroll.scrollLeft = scrollLeft;

          layui.table.reload('test', { data: productList });
          form.render();//刷新表单
}