JAVASCRIPT
VUE
REACT
NODE
ES6
TYPESCRIPT

多个eltable横向滚动条同步

2024. 04. 10    

多个eltable横向滚动条同步

多个eltable横向滚动条同步位置调整

    <el-table ref='tableTop'></el-table>
	<el-table ref='tableBottom'></el-table>
    scrollFn () {
      const tableTop = this.$refs.tableTop.bodyWrapper
      tableTop.addEventListener('scroll', (e) => {
        tableBottom.scrollLeft = tableTop.scrollLeft
      })
      const tableBottom = this.$refs.tableBottom.bodyWrapper
      tableBottom.addEventListener('scroll', (e) => {
        tableTop.scrollLeft = tableBottom.scrollLeft
      })
    },