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

相关推荐
LuckyLay1 小时前
AI教你学VUE——Deepseek版
前端·javascript·vue.js
我是哈哈hh1 小时前
【Vue】全局事件总线 & TodoList 事件总线
前端·javascript·vue.js·vue3·vue2
liuyang___1 小时前
vue3+ts的watch全解!
前端·javascript·vue.js
我是哈哈hh1 小时前
【Vue】组件自定义事件 & TodoList 自定义事件数据传输
前端·javascript·vue.js·vue3·vue2
牧杉-惊蛰1 小时前
VUE+ElementUI 使用el-input类型type=“number” 时,取消右边的上下箭头
前端·vue.js·elementui
Stella25211 小时前
14前端项目----登录/注册
前端
群联云防护小杜2 小时前
如何有效防御服务器DDoS攻击
运维·服务器·前端·tcp/ip·安全·ddos
liuyang___4 小时前
vue3+ts的computed属性怎么用?
前端·javascript·vue.js
爱编程的鱼4 小时前
如何用CSS实现HTML元素的旋转效果:从基础到高阶应用
前端·css·html
lhhbk5 小时前
angular的cdk组件库
前端·javascript·angular.js