解决el-table设置固定高度后,展示不同列时表格高度变小bug

解决el-table设置固定高度后,展示不同列时表格高度变小bug

1、需求分析

复制代码
在el-table使用过程中,选择多个参数展示更多列时会出现高度变小问题

究其原因可知是el-table列动态发生变化后,el-table__body-wrapper的高度变小了

2、解决方案

在更新表格数据后对el-table进行重载

bash 复制代码
// 给el-table添加ref="tableRef"
this.$nextTick(() => {
   this.$refs.tableRef.doLayout();
});
相关推荐
前端小巷子1 小时前
Vue 事件绑定机制
前端·vue.js·面试
伍哥的传说1 小时前
Vue 3.5重磅更新:响应式Props解构,让组件开发更简洁高效
前端·javascript·vue.js·defineprops·vue 3.5·响应式props解构·vue.js新特性
菜牙买菜2 小时前
Hicharts入门
前端·vue.js·数据可视化
xvmingjiang2 小时前
Element Plus 中 el-input 限制为数值输入的方法
前端·javascript·vue.js
全栈老石4 小时前
设计师到前端不再有墙:Figma + VS Code 自动出码实践
前端·vue.js·html
HYI4 小时前
「三年了,今晚突然开窍!」 一个拖拽排序的顿悟时刻
javascript·vue.js
FFF-X5 小时前
Vue3 路由缓存实战:从基础到进阶的完整指南
vue.js·spring boot·缓存
临期程序员5 小时前
TypeError: crypto.getRandomValues is not a function
前端·vue.js