技术栈

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

上一篇:汽车加气站操作工考试知识点总结
下一篇:信息安全 -- 什么是侧信道攻击
相关推荐
浪裡遊
6 分钟前
Nivo图表库全面指南:配置与用法详解
前端·javascript·react.js·node.js·php
漂流瓶jz
1 小时前
快速定位源码问题:SourceMap的生成/使用/文件格式与历史
前端·javascript·前端工程化
samroom
1 小时前
iframe实战:跨域通信与安全隔离
前端·安全
fury_123
2 小时前
vue3:数组的.includes方法怎么使用
前端·javascript·vue.js
weixin_40502337
2 小时前
包资源管理器NPM 使用
前端·npm·node.js
宁&沉沦
2 小时前
Cursor 科技感的登录页面提示词
前端·javascript·vue.js
Dragonir
2 小时前
React+Three.js 实现 Apple 2025 热成像 logo
前端·javascript·html·three.js·页面特效
peachSoda7
3 小时前
封装一个不同跳转方式的通用方法(跳转外部链接,跳转其他小程序,跳转半屏小程序)
前端·javascript·微信小程序·小程序
@PHARAOH
3 小时前
HOW - 浏览器兼容(含 Safari)
前端·safari
热门推荐
01BongoCat - 跨平台键盘猫动画工具02GitHub 镜像站点03UV安装并设置国内源04Linux下V2Ray安装配置指南05两千字总结:Codex 国内如何安装和使用的教程,以及如何设置中文回答06KGG转MP3工具|非KGM文件|解密音频07荣耀手机2025年10月发布的新品Magic8比起Magic7,在硬件、性能、价格等上有什么区别,有什么优势08windows找不到gpedit.msc(本地组策略编辑器)09GitLab 零基础入门指南:从安装到项目管理全流程10NVIDIA显卡驱动、CUDA、cuDNN 和 TensorRT 版本匹配指南