VUE-ElementUi 表格无缝滚动

ElementUi 表格无缝滚动

ElementUi 表格无缝滚动

1、设置ref和高度

2、在mounted添加方法

```javascript
 // 拿到表格挂载后的真实DOM
      const table = this.$refs.table
      // 拿到表格中承载数据的div元素
      const divData = table.bodyWrapper
      // 拿到元素后，对元素进行定时增加距离顶部距离，实现滚动效果(此配置为每100毫秒移动1像素)
      setInterval(() => {
        // 元素自增距离顶部1像素
        divData.scrollTop += 1
        // 判断元素是否滚动到底部(可视高度+距离顶部=整个高度)
        if (divData.clientHeight + divData.scrollTop == divData.scrollHeight) {
          // 重置table距离顶部距离
          divData.scrollTop = 0
        }
      }, 100)

css:
.el-table–scrollable-y .el-table__body-wrapper{overflow: hidden}