【记录】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>
相关推荐
xuehuayu.cn4 分钟前
Chrome 命令行参数生成器
前端·chrome
Eiceblue6 分钟前
React 前端实现 Word(Doc/Docx)转 HTML
前端·react.js·word
FogLetter10 分钟前
大文件上传?我用分片上传+断点续传彻底解决了!
前端·javascript
前端大神之路24 分钟前
vue2 虚拟dom
前端
Qinana24 分钟前
🌟ES6 字符串模板与数组 map 的优雅实践
前端·javascript·程序员
残冬醉离殇30 分钟前
深入理解浏览器事件系统:从用户点击到事件对象的完整旅程
前端·javascript
小刘鸭地下城35 分钟前
AI编程工具深度解析:从底层原理到高效实践
前端·ai编程
用户40993225021238 分钟前
快速入门Vue的v-model表单绑定:语法糖、动态值、修饰符的小技巧你都掌握了吗?
前端·ai编程·trae
艾克马斯奎普特40 分钟前
从平平无奇的 npm create 开始,一张图带你完整揭秘 npm 包命令执行机制
前端·npm·node.js
小刘鸭地下城40 分钟前
UV、PV、P95:三大核心业务指标的全维度解析
前端·性能优化