Element-UI固定表单的操作列按钮时出现错位

在使用Element-ui表格的fixed属性时出现了问题,

我想达到的效果图如下图,操作按钮列固定.不用把数据拉到最右才能操作按钮

 但是使用fixed属性时,发现想固定的列在只有几条数据时出现了错位

猜测原因可能是页面有多个节点的问题(我的设计:存在多个节点,选择节点获取对应的列表数据)

直接效果图

 解决问题的方法:

我的设计是选择不同的节点会调用接口重新请求数据

解决的方法是在每次接口返回数据后加载  dolayout(网上专门解决element-ui的table的fixed来回请求数据后错行的问题)

 doLayout(){
      let that = this
      this.$nextTick(() => {
        that.$refs.multipleTable.doLayout()
      })
    },

其中$refs后的注意自己写的table的ref

 加载数据后调用dolayout  我的问题解决