【记录】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>
相关推荐
toooooop834 分钟前
Vuex 中 state、mutations 和 actions 的原理和写法
前端·javascript·uni-app
y***866942 分钟前
前端CSS-in-JS方案
前端·javascript·css
暖木生晖1 小时前
APIs之WEB API的基本认知是什么?
前端·dom·dom树·web apis
华仔啊1 小时前
你真的懂递归吗?没那么复杂,但也没那么简单
前端·javascript
火星数据-Tina1 小时前
低成本搭建体育数据中台:一套 API 如何同时支撑比分网与 App?
java·前端·websocket
yddddddy1 小时前
深入浅出前端路由:从概念到实战
前端
林_xi1 小时前
uniapp使用@uni-ku/root插件实现全局组件
前端·uni-app
一个处女座的程序猿O(∩_∩)O1 小时前
UniApp 生命周期全解析:从应用到页面,再到组件的完美协奏曲
前端·uni-app
龙颜2 小时前
从0-1封装一个React组件
前端·react.js
空空kkk2 小时前
SpringMVC——异常
java·前端·javascript