element ui 中el-table组件，重新加载数据并给header设置宽度，表格渲染异常

Question

问题描述

el-table组件重新加载数据，并给el-table-column中width赋值，组件渲染异常

问题出现的环境背景及自己尝试过哪些方法

不给el-table-column中width赋值，渲染正常

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）

<el-table-column
v-for="item in header"
:prop="item.value"
:label="item.name"
:key="item.value"
:width="labelWidth(item)"
sortable="custom"
align="left">
</el-table-column>

你期待的结果是什么？实际看到的错误信息又是什么？

初始化width不赋值，重新加载数据，列数量变多，通过labelWidth给width赋值，表格正常渲染。

Answer 1

每次数据变化的时候让表格重新渲染就行了。。。

<el-table v-if="showTable" />
// 没次需要重新渲染表格布局的时候调这个方法就行了
refreshTable () {
  this.showTable = false
  this.$nextTick(() => {
    this.showTable = true
  })
}