【记录】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>
相关推荐
coderyi24 分钟前
LLM Agent 浅析
前端·javascript·人工智能
科雷软件测试29 分钟前
使用python+Midscene.js AI驱动打造企业级WEB自动化解决方案
前端·javascript·python
ConardLi1 小时前
把 Claude Design 做成 Skill,你的网站也能拥有顶级视觉体验
前端·人工智能·后端
We་ct1 小时前
LeetCode 120. 三角形最小路径和:动态规划详解
前端·javascript·算法·leetcode·typescript·动态规划
IT_陈寒2 小时前
React状态更新那点事儿,我掉坑里爬了半天
前端·人工智能·后端
cwxcc2 小时前
Google Core Web Vitals(核心网页指标)
前端·性能优化
|晴 天|2 小时前
Vue 3 + LocalStorage 实现博客游戏化系统:成就墙、每日签到、积分商城
前端·vue.js·游戏
逾明3 小时前
Claude Code及Codex的MCP安装和Mastergo MCP的使用
前端·mcp
LovroMance3 小时前
如何进行组件封装
前端
難釋懷3 小时前
Redis服务器端优化-慢查询优化
前端·redis·bootstrap