当前位置: 首页 > news >正文

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

el-table表格占满页面剩余的全部高度空间

首先,el-table父节点要使用flex布局和超出隐藏(overflow: hidden),设置样式如下:

.list{flex: 1;display: flex;flex-direction: column;overflow: hidden;
}

在这里插入图片描述
其次,要设置el-table的style=“flex: 1;” 和属性height=“auto”,如下图:
在这里插入图片描述

http://www.xdnf.cn/news/320905.html

相关文章:

  • RISC-V架构深度解析
  • SPSS系统发育分析中的聚类相关part
  • Python案例实战《手势识别》
  • Linux:web服务nginx
  • 应急响应靶机-Linux(1):知攻善防实验室
  • 如何设置 FE 的内存大小?
  • Selenium Web自动化测试学习笔记(一)
  • IoTDB端边云同步技术的五大常见场景及简便使用方式
  • Vue:现代前端开发的基石引擎
  • Node.js入门指南:开启JavaScript全栈开发之旅
  • 【人工智能】基于“大模型”的智能化转型思路(通用版)
  • 16.状态模式:思考与解读
  • 《汽车电器与电子控制系统》复习内容
  • 三菱 FX 系列 PLC 转网口模块SG-FX-210
  • 基于flask+pandas+csv的报表实现
  • 第二天 网络与通信协议
  • Python赋能自动驾驶:如何优化路径规划,让AI驾驶更聪明?
  • Java基础知识
  • HarmonyOS NEXT深度解析:自研框架ArkUI-X的技术革命与跨平台实践
  • 怎么有效管理项目路径(避免使用绝对路径)
  • 如何避免项目结束后知识流失
  • 设计一个分布式系统:要求全局消息顺序,如何使用Kafka实现?
  • LeetCode 347 前 K 个高频元素
  • 【LUT技术专题】基于扩展卷积的极快速LUT算法
  • 【论文阅读】Harnessing the Power of LLM to Support Binary Taint Analysis
  • 浅聊find_package命令的搜索模式(Search Modes)
  • 一种扫描雷达超分辨成像检测一体化方法——论文阅读
  • [20250507] AI边缘计算开发板行业调研报告 ​​(2024年最新版)​
  • JNDI 注入原理解析
  • 力扣HOT100之链表:146. LRU 缓存