表头动态,或者高度动态,使用el-table的:height实现表格高度自适应,在页面动态新增列后出现错位问题。
现象图:

image.png
解决方案:
| 方法名 | 说明 |
|---|---|
| doLayout | 对 Table 进行重新布局。当 Table 或其祖先元素由隐藏切换为显示时,可能需要调用此方法 |
this.$nextTick(()=>{
this.$refs.myTable.doLayout()
})
使用示例:

image.png
效果图:

image.png
表头动态,或者高度动态,使用el-table的:height实现表格高度自适应,在页面动态新增列后出现错位问题。
现象图:
解决方案:
| 方法名 | 说明 |
|---|---|
| doLayout | 对 Table 进行重新布局。当 Table 或其祖先元素由隐藏切换为显示时,可能需要调用此方法 |
this.$nextTick(()=>{
this.$refs.myTable.doLayout()
})
使用示例:
效果图: