【记录】element Plus table设置了height=100%时,当数据为空时,table高会出现无限变大的情况

例如:

当table设置了height100%,而tableData又是空的时候,会出现height无限自动增大。

正常情况是height会固定不变了,

只有tableData为空时才会出现

html 复制代码
<div style="height:100%">
	<el-table :data="tableData" height="100%"></el-table>
</div>

解决:

造成此问题的原因,应该是table高100%没有绝对定义相对那个元素的高

html 复制代码
<div style="height:100%;position:relative">
	<el-table :data="tableData" height="100%" style="position: absolute;"></el-table>
</div>
相关推荐
浩泽学编程2 分钟前
内网开发?系统环境变量无权限配置?快速解决使用其他版本node.js
前端·vue.js·vscode·node.js·js
狗哥哥4 分钟前
Vue 3 插件系统重构实战:从过度设计到精简高效
前端·vue.js·架构
巾帼前端4 分钟前
前端对用户因果链的优化
前端·状态模式
不想秃头的程序员8 分钟前
Vue3 中 Lottie 动画库的使用指南
前端
锐湃16 分钟前
手写agp8自定义插件,用ASM实现路由跳转
java·服务器·前端
wordbaby21 分钟前
TypeScript 类型断言和类型注解的区别
前端·typescript
谁是听故事的人22 分钟前
vue前端面试指南
前端·vue.js·面试
名字被你们想完了25 分钟前
Flutter 实现一个容器内部元素可平移、缩放和旋转等功能(十)
前端·flutter
千寻girling27 分钟前
面试官: “ 请你讲一下 package.json 文件 ? ”
前端·javascript·面试
如果你好30 分钟前
解决深拷贝循环引用痛点:一篇看懂 WeakMap 实现方案
前端·javascript