【记录】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>
相关推荐
REDcker11 分钟前
Web 音视频流媒体 API 全景
前端·音视频
phltxy13 分钟前
Vue进阶实战:自定义指令与插槽的核心用法及实战案例
前端·javascript·vue.js
西门吹-禅15 分钟前
【iFLow skills】
前端·chrome
春波petal17 分钟前
MacOS 13.7.8版本-前端环境一键搭建指南
前端·macos
许同42 分钟前
JS-WPS 自动化办公(5)多Sheet整合
开发语言·前端·javascript
_OP_CHEN1 小时前
【前端开发之JavaScript】(四)JS基础语法下篇:函数与对象核心要点深度解析
开发语言·前端·javascript·界面开发·前端开发·网页开发·语法基础
henry1010101 小时前
通过GitHub Page服务免费部署静态Web网站
前端·html·github·html5
少云清1 小时前
【UI自动化测试】3_web自动化测试 _Selenium-IDE
前端·selenium·web自动化测试
明月_清风1 小时前
你真的懂 JSON 吗?那些被忽略的底层边界与性能陷阱
前端·json
明月_清风1 小时前
大规模监控数据下的 JSON 优化:从 OOM 崩溃到极致吞吐的进阶之路
前端·json