【记录】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>
相关推荐
二川bro12 分钟前
依赖注入详解与案例(前端篇)
前端
神秘代码行者2 小时前
Vue项目Git提交流程集成
前端·vue.js·git
阿黄学技术3 小时前
Vite简单介绍
前端·前端框架·vue
264玫瑰资源库4 小时前
网狐飞云娱乐三端源码深度实测:组件结构拆解与部署Bug复盘指南(附代码分析)
java·开发语言·前端·bug·娱乐
济南壹软网络科技-专注源码开发数十年!4 小时前
盲盒源码_盲盒系统_盲盒定制开发 盲盒搭建前端教程
开发语言·前端·uni-app·php
哟哟耶耶5 小时前
react-13react中外部css引入以及style内联样式(动态className与动态style)
前端·css·react.js
A_aspectJ5 小时前
【Bootstrap V4系列】学习入门教程之 组件-卡片(Card)高级用法
前端·学习·bootstrap
DT——5 小时前
ECMAScript 6(ES6):JavaScript 现代化的革命性升级
前端·javascript·ecmascript
qq_400552006 小时前
【React Hooks原理 - useCallback、useMemo】
前端·react.js·前端框架
互联网搬砖老肖6 小时前
深入理解 Web 架构:从基础到实践
前端·架构