技术栈

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

小小弯_Shelby2025-05-08 9:11

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

上一篇:汽车加气站操作工考试知识点总结
下一篇:信息安全 -- 什么是侧信道攻击
相关推荐
共享家9527
5 小时前
搭建 AI 聊天机器人:”我的人生我做主“
前端·javascript·css·python·pycharm·html·状态模式
Halo_tjn
6 小时前
基于封装的专项 知识点
java·前端·python·算法
m0_74822999
8 小时前
Vue2 vs Vue3:核心差异全解析
前端·javascript·vue.js
C澒
9 小时前
前端监控系统的最佳实践
前端·安全·运维开发
xiaoxue..
9 小时前
React 手写实现的 KeepAlive 组件
前端·javascript·react.js·面试
hhy_smile
9 小时前
Class in Python
java·前端·python
小邓吖
9 小时前
自己做了一个工具网站
前端·分布式·后端·中间件·架构·golang
南风知我意957
9 小时前
【前端面试2】基础面试(杂项)
前端·面试·职场和发展
LJianK1
10 小时前
BUG: Uncaught Error: [DecimalError] Invalid argument: .0
前端
No Silver Bullet
10 小时前
Nginx 内存不足对Web 应用的影响分析
运维·前端·nginx
热门推荐
01GitHub 镜像站点02Clawdbot 中文汉化版 接入微信、飞书03OpenCode 入门教程:介绍 · 安装 · 配置第三方 API (如 Claude)042026数学建模美赛题目特点与选题建议,常用四大模型汇总052026美赛A题智能手机电池续航时间预测的连续时间数学模型06UV安装并设置国内源07在Trae中使用Pencil MCP08Claude Code Skills 实用使用手册09Linux下V2Ray安装配置指南10一种新的LCA算法