当前位置: 首页 > 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”,如下图:
在这里插入图片描述

相关文章:

  • 007 Linux 开发工具(上)—— vim、解放sudo、gc+
  • Golang 接口 vs Rust Trait:一场关于抽象的哲学对话
  • LeetCode383_赎金信
  • Jenkins 服务器上安装 Git
  • Apache Calcite 详细介绍
  • 【EasyPan】loadDataList方法及checkRootFilePid方法解析
  • comfyui 实现中文提示词翻译英文进行图像生成
  • VScode一直处于循环“正在重新激活终端“问题的解决方法
  • 【上位机——MFC】序列化机制
  • 机器学习在信用卡欺诈检测中的应用思考
  • 基于英特尔 RealSense D455 结构光相机实现裂缝尺寸以及深度测量
  • svn服务器迁移
  • 使用VSCode在Windows 11上编译运行项目
  • Mybatis标签使用 -association 绑定对象,collection 绑定集合
  • 【背包dp----01背包】例题三------(标准的01背包+变种01背包1【恰好装满背包体积 产生的 最大价值】)
  • 【ROS2】Nav2源码之行为树定义、创建、加载
  • 【论文阅读】Attentive Collaborative Filtering:
  • 缓存替换算法与存储器管理的分页、分段、段页式管理联系
  • 培训机构用的教务系统
  • 如何延长电脑使用寿命?
  • 王毅同巴基斯坦副总理兼外长达尔通电话
  • 冯德莱恩:欧美贸易谈判前不会前往美国会见特朗普
  • 韩德洙成为韩国执政党总统大选候选人
  • 比尔·盖茨:未来20年通过盖茨基金会捐出几乎全部财富,2045年底基金会停止运营
  • 首批证券公司科创债来了!拟发行规模超160亿元
  • 国防部:正告菲方停止以任何方式冲撞中方核心利益