解决el-table动态添加列高度发生变化的问题

493 阅读1分钟

问题

使用el-table展示表格数据,动态添加列数据,表格高度会发生变化

原先表格:

image.png

添加新列后的表格:

image.png

解决方法

在更新数据后,执行一遍doLayout方法(官方文档)

this.$nextTick(() => { 
    this.$refs.table.doLayout() 
})