PC端浏览器，页面用Element UI table组件分左右两张表格，怎么实现单一表格滚动时，另一个表格也同步滚动

需求：实现单一表格滚动时，另一个表格也同步滚动

分析：

当时想用element ui table组件利用fixed直接固定某些列和修改样式实现，结果fixed的列里是不能横向滚动的，最后还是分两个表来实现。

撸代码：

$(".table-li-l .el-table__body-wrapper").scroll(function(event) {

      var timer;

      if (that.isScoll != 2) {

        that.isScoll = 1;

        $(".table-li-r .el-table__body-wrapper").scrollTop($(this).scrollTop());

        timer = setTimeout(() => {

          clearTimeout(timer);

          that.isScoll = 0;

        }, 1000);

      }

    });

    $(".table-li-r .el-table__body-wrapper").scroll(function(event) {

      var timer;

      if (that.isScoll != 1) {

        that.isScoll = 2;

        $(".table-li-l .el-table__body-wrapper").scrollTop($(this).scrollTop());

        timer = setTimeout(() => {

          clearTimeout(timer);

          that.isScoll = 0;

        }, 1000);

      }

    });

1.判断监听当前是那个表在滚动，isScoll=当前表，直到滚动结束isScoll=0；

2.如果不是当前表就不能给另外一个表联动滚动，以免另一个表的监听又影响到当前表滚动；

 

 

加油，越努力越幸运！！！