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

相关推荐
云运维笔记10 小时前
华为VRP系统文件管理全攻略
前端·华为
走到天涯海角10 小时前
pinia和Vuex的区别以及使用pinia
开发语言·前端·javascript
电梯界知识分子10 小时前
江西抚州临川九尊府五层别墅:受限楼梯间里,全黑铝合金观光井道配曳引龙门架的落地记录
大数据·前端·网络·算法·家用电梯
晴天1610 小时前
Web 页面内存溢出与 CPU 溢出:区别、诊断与最佳实践
前端·javascript
摸鱼仙人~11 小时前
需求深度分析提示词-grill me
前端·chrome
Highcharts.js11 小时前
常见报错排雷指南3:兼容性问题的官方解法
前端·javascript·react.js·可视化·highcharts·报错解法
雪芽蓝域zzs11 小时前
第三十六节:keep-alive 页面缓存(Vue3 + 后台管理系统)
前端·vue.js·缓存
言乐611 小时前
Python加速器2视频网页加速器
前端·javascript·css·python·音视频
IT_陈寒11 小时前
为什么我的Java Stream操作总是默默吃掉异常?
前端·人工智能·后端
光影少年12 小时前
react navite浏览器 Event Loop 和 Node Event Loop 的区别
前端·javascript·react native·react.js·前端框架