ElementUI 表格el-table自适应高度设置

el-table表格占满页面剩余的全部高度空间

首先,el-table父节点要使用flex布局和超出隐藏(overflow: hidden),设置样式如下:

javascript 复制代码
.list{
	flex: 1;
	display: flex;
	flex-direction: column;
	overflow: hidden;
}


其次,要设置el-table的style="flex: 1;" 和属性height="auto",如下图:

相关推荐
happymaker06267 分钟前
web前端学习日记——DAY04
前端·学习
发现一只大呆瓜13 分钟前
React-路由监听 / 跳转 / 守卫全攻略(附实战代码)
前端·react.js·面试
swipe1 小时前
为什么 RAG 一定离不开向量检索:从文档向量化到语义搜索的工程实现
前端·llm·agent
OpenTiny社区1 小时前
AI-Extension:让 AI 真的「看得到、动得了」你的浏览器
前端·ai编程·mcp
IT_陈寒1 小时前
Redis缓存击穿:3个鲜为人知的防御策略,90%开发者都忽略了!
前端·人工智能·后端
农夫山泉不太甜3 小时前
Tauri v2 实战代码示例
前端
yuhaiqiang3 小时前
被 AI 忽悠后,开始怀念搜索引擎了?
前端·后端·面试
红色石头本尊3 小时前
1-umi-前端工程化搭建
前端
真夜3 小时前
关于对echart盒子设置百分比读取的宽高没有撑开盒子解决方案
前端
楠木6853 小时前
RAG 资料库 Demo 完整开发流程
前端·ai编程