本文介绍了如何解决使用Element UI时，表格固定列的高度无法自适应内容变化的问题。通过添加特定的CSS样式，并监听表格数据的变化，动态调用`doLayout()`方法，实现了表格高度的自适应。
尝试了很多方法都不行，最后结合两个up主的答案配合起来
先加上这两个样式
.el-table__fixed-right{
height: 100% !important;
}
.el-table__fixed-body-wrapper {
max-height: 100% !important
}
然后在用watch监视tabledata，调用
doLayout()方法
.el-table__fixed-right{
height: 100% !important;
}
.el-table__fixed-body-wrapper {
max-height: 100% !important
}
watch: {
tableData(val) {
if (val) {
this.$nextTick(() => {
this.$refs.multipleTable.doLayout()
})
}
}
},
扫一扫
584
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
