项目需求需要根据筛选项选择的不同,展示不同的table列
当切换搜索筛选项,进行table查询时,出现问题:
el-table列动态发生变化后,el-table__body-wrapper的高度变小了
el-table__body-wrapper的高度是动态设置的,在网上查的结果对el-table添加css:
.table-fixed {
/deep/.el-table__body-wrapper {
height: calc(100% - 44px) !important;
}
}
但仍不起作用。。。
解决办法:在更新表格数据后对el-table进行重载
this.$nextTick(() => {
this.$refs.tableName.doLayout();
// el-table添加ref="tableName"
});