【记录】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>
相关推荐
qq_437100665 小时前
SSE 流式响应(Server-Sent Events)
前端·sse
十六年开源服务商6 小时前
游戏与设计驱动WordPress建站2026
java·前端·游戏
ZC跨境爬虫6 小时前
UI前端美化技能提升日志day7:(原生苹方字体全局适配+合规页脚完整像素级落地)
前端·javascript·ui·html·交互
好运的阿财6 小时前
OpenClaw工具拆解之tts+web_search
前端·javascript·python·ai·ai编程·openclaw·openclaw工具
whinc6 小时前
Node.js技术周刊 2026年第17周
前端·javascript
nbsaas-boot6 小时前
100万门店级分货系统架构设计
前端·javascript·vue.js
GISer_Jing6 小时前
《Claude Code Hooks:AI编程工具的高级控制指南》
前端·人工智能·microsoft·ai编程
爱上好庆祝7 小时前
学习js的第2天
前端·css·学习·html·css3
Csvn7 小时前
SEO 优化
前端
笋笋~7 小时前
el-tree 拖拽事件隔离:实现句柄独立控制,区域分离
javascript·vue.js·elementui