vue element-ui 表格组件 表头初始渲染瞬间闪现未占满整行的样子如何解决

Question

vue element-ui 表格组件 表头初始渲染瞬间闪现未占满整行的样子，实际应用场景是在通过tab页签组件切换不同表格时出现的情况，求教如何解决？ 如下图显示：

相关组件代码如下，就是常规的用法

Answer 1

el-table-column如果知道固定宽度的给el-table-column设置width，不知道固定的宽度设置min-width，这样表格就能自动撑起来了，设置width的时候至少需要有一个min-width

Answer 2

style="width: 100%;"加上他就好了

Answer 3

没数据的时候表格没有撑开是吗？
这问题有两个方法：
1.固定表头比例，这样肯定是有没有数据都是固定尺寸，
2.初始渲染没有数据的时候不要显示table，等有了数据返回，$nextTick的时候再显示

Answer 4

我之前用v-show有这个问题，换成v-if就不闪动了