【记录】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>
相关推荐
程序员ys几秒前
网页白屏的原理与优化
前端·性能优化·浏览器
@PHARAOH10 分钟前
WHAT - SWC Rust-based platform for the Web
开发语言·前端·rust
滕青山10 分钟前
HTML编码/解码 核心JS实现
前端·javascript·vue.js
dustcell.12 分钟前
企业级web应用服务器
前端
RunsenLIu25 分钟前
智慧房屋租赁管理系统
前端·javascript·vue.js
凌云拓界25 分钟前
TypeWell全攻略(四):AI键位分析,让数据开口说话
前端·人工智能·后端·python·ai·交互
明月_清风25 分钟前
pwa 安装/离线/推送/后台同步 全套高级能力
前端·pwa
cyber_两只龙宝28 分钟前
Tomcat--企业级web应用服务器详细介绍与整合Nginx配置流程
linux·运维·前端·nginx·云原生·tomcat·负载均衡