【记录】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 分钟前
MP4 在 <video> 里,必须全量下载才能起播吗?—— moov、Range 与被误解的 FastStart
前端
Java小卷12 分钟前
低代码并没有过时!可拖拽表单设计器布局思路
前端·低代码
idcu14 分钟前
深入 Lyt.js 响应式系统:Proxy + Signal 双模式
前端
idcu15 分钟前
Vapor Mode 揭秘:无虚拟 DOM 的极致性能
前端
idcu17 分钟前
从 Vue 3 到 Lyt.js:无痛迁移指南
前端
尘世壹俗人18 分钟前
如何检查服务器上消耗资源的程序是那个
服务器·前端·chrome
LIO23 分钟前
Vue Router 进阶:深入用法与最佳实践
前端·vue-router
Hilaku33 分钟前
做了 6 年前端,技术不差却拿不到 Offer?
前端·javascript·程序员
古茗前端团队33 分钟前
钉钉小程序蓝牙打印探索与实践
前端·蓝牙
LIO39 分钟前
一文看懂 Vue Router:精简、易懂、直接用
前端·vue-router