表头动态,或者高度动态,使用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()
})
使用示例:
效果图:
本文标题:Element-table 用Height后错位的问题
本文链接:https://www.haomeiwen.com/subject/ecyeirtx.html
网友评论