技术栈

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

上一篇:汽车加气站操作工考试知识点总结
下一篇:信息安全 -- 什么是侧信道攻击
相关推荐
XiaoYu2002
5 分钟前
第11章 LangChain
前端·javascript·langchain
霉运全滚蛋好运围着转
33 分钟前
启动 Taro 4 项目报错:Error: The specified module could not be found.
前端
cxxcode
36 分钟前
前端模块化发展
前端
不务正业的前端学徒
40 分钟前
docker+nginx部署
前端
不务正业的前端学徒
1 小时前
webpack/vite配置
前端
hhcccchh
1 小时前
学习vue第八天 Vue3 模板语法和内置指令 - 简单入门
前端·vue.js·学习
yyf19890525
1 小时前
Vue 框架相关中文文献
前端·javascript·vue.js
粥里有勺糖
1 小时前
开发一个美观的 VitePress 图片预览插件
前端·vue.js·vitepress
陟上青云
1 小时前
一篇文章带你搞懂原型和原型链
前端
我的写法有点潮
1 小时前
推荐几个国外比较流行的UI库(上)
前端·javascript·css
热门推荐
01GitHub 镜像站点02Labelme从安装到标注:零基础完整指南03安娜的档案(Anna’s Archive) 镜像网站/国内最新可访问入口(持续更新)04Linux下V2Ray安装配置指南05jdk21下载、安装(Windows、Linux、macOS)06【踩坑笔记】50系显卡适配的 PyTorch 安装07Opencode CLI 安装成功,但是启动失败08手把手教你通过Gemini3 pro 学生认证,白用一年,手慢无!09Claude Code Plan 模式完全指南:从入门到精通10全球最强模型Grok4,国内已可免费使用!(附教程)