element-ui 解决el-table表格错位问题

1、导致原因

表头动态，然后使用el-table的:height实现表格高度自适应，在页面动态新增列后出现错位问题；

2、现象如下;

3、解决方案：
doLayout方法可以对table进行重新布局

elementUI相关文档地址：

https://element.eleme.cn/#/zh-CN/component/table#table-methods

doLayout

对 Table 进行重新布局。当 Table 或其祖先元素由隐藏切换为显示时，可能需要调用此方法

this.$nextTick(() => {
   this.$refs.singleTable.doLayout(); // 解决表格错位
});

4、解决好效果