【记录】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>
相关推荐
仰望星空的小猴子4 小时前
React18和React19新特性
前端
小码哥_常4 小时前
Android新航标:Navigation 3为何成为变革先锋?
前端
SuperEugene4 小时前
Vue状态管理扫盲篇:状态管理中的常见坑 | 循环依赖、状态污染与调试技巧
前端·vue.js·面试
骑着小黑马4 小时前
从 Electron 到 Tauri 2:我用 3.5MB 做了个音乐播放器
前端·vue.js·typescript
aykon4 小时前
DataSource详解以及优势
前端
Mintopia4 小时前
戴了 30 天智能手环后,我才发现自己一直低估了“睡眠”
前端
leolee184 小时前
react redux 简单使用
前端·react.js·redux
仰望星空的小猴子4 小时前
常用的Hooks
前端
天才熊猫君4 小时前
Vue Fragment 锚点机制
前端
米丘4 小时前
Git 常用操作命令
前端