Element-ui table 表头拖动后，fixed 表格错位问题

先描述一下问题，在项目开发中测试提出来了一个问题，说她拖动表格后，出现了滚动条不显示的问题，然后拖回原来的位置时，表格就出现了错位等问题，如下图所示： 正常情况是这样的：

操作后的效果是这样的：

造成的问题的原因是因为 fixed 的表格是一个新的 table 覆盖到第一个 table 上，由于表头拖动后改变了原本 tbale 的高度，导致了布局错乱，解决的办法就是，在拖动后重新计算布局。 官网: 提供了 api,如下：

代码如下:

     <el-table
      ref="fixedTable"
      @header-dragend="resetLayout"
      :data="list">
     </el-table>
     
   resetLayout() {
      this.$refs.fixedTable.doLayout()
    }

这种方法就可以解决以上问题。no problem 👍