elementUI el-table高度heght和总结summary 同时使用 表格样式异常

背景

同时使用height和 show-summary

样式错位

解决方案

• 在钩子函数updated 中重新渲染此表格

<el-table :height="autoHeight" show-summary ref="dataTable" >

  updated() {
    this.$nextTick(() =>{
      this.$refs.dataTable.doLayout();
    })
  },

更改后的效果

参考链接

https://blog.csdn.net/gradonisis/article/details/110420980