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",如下图:

相关推荐
是上好佳佳佳呀34 分钟前
【前端(十一)】JavaScript 语法基础笔记(多语言对比)
前端·javascript·笔记
CDN3601 小时前
排查实录:网站偶发502/504错误?360CDN回源超时配置与日志分析技巧
前端·数据库
之歆2 小时前
Day07_CSS盒子模型 · 样式继承 · 用户代理样式
前端·css
DanCheOo2 小时前
AI 应用的安全架构:Prompt 注入、数据泄露、权限边界
前端·人工智能·prompt·安全架构
We་ct3 小时前
深度剖析浏览器跨域问题
开发语言·前端·浏览器·跨域·cors·同源·浏览器跨域
weixin_427771613 小时前
前端调试隐藏元素
前端
爱上好庆祝4 小时前
学习js的第五天
前端·css·学习·html·css3·js
C澒4 小时前
IntelliPro 产研协作平台:基于 AI Agent 的低代码智能化配置方案设计与实现
前端·低代码·ai编程
一袋米扛几楼984 小时前
【Git】规范化协作:详解 GitHub 工作流中的 Issue、Branch 与 Pull Request 最佳实践
前端·git·github·issue
网络点点滴5 小时前
前端与后端的区别与联系
前端