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

如图所示，表格样式错乱

 

 

 1.导致原因

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

2.解决方案

　　this.$nextTick(() => {

　　　　this.$refs.singleTable.doLayout(); // 解决表格错位

　　});