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

el-table最大高度无法滚动

解决el-table同时使用fixed和计算的最大高度时固定右边的列无法跟随滚动的问题

原因:el-table组件会根据传入的 max-height 计算表格内容部分 和 fixed部分的最大高度,以此来生成滚动条和产生滚动效果,当传入的 max-height 为一个计算的高度时无法自动地完成计算
解决办法:手动地再对 表格内容部分 和 fixed部分 最大高度进行赋值
代码
<template><el-table class="page-table":data="databaseList" max-height="calc( 100vh - 130px )"@selection-change="handleSelectionChange"></el-table>
</template>
<style scoped lang="scss">
::v-deep .page-table{.el-table__body-wrapper, .el-table__fixed-body-wrapper{max-height: calc( 100vh - 176px );}
}
</style>
http://www.lryc.cn/news/489508.html

相关文章:

  • Vscode写markdown快速插入python代码
  • 基于 NCD 与优化函数结合的非线性优化 PID 控制
  • 【数据分析】基于GEE实现大津算法提取洞庭湖流域水体
  • 计算机网络安全 —— 报文摘要算法 MD5
  • LeetCode 746. 使用最小花费爬楼梯 java题解
  • Kubernetes的pod控制器
  • ArcMap 处理栅格数据地形图配准操作
  • comprehension
  • 开源宝藏:Smart-Admin 重复提交防护的 AOP 切面实现详解
  • 使用 npm 安装 Electron 作为开发依赖
  • JavaWeb之综合案例
  • MySQL 报错:1137 - Can‘t reopen table
  • Claude3.5-Sonnet和GPT-4o怎么选(附使用链接)
  • 使用itextpdf进行pdf模版填充中文文本时部分字不显示问题
  • java-贪心算法
  • OpenCV和Qt坐标系不一致问题
  • 前端VUE项目启动方式
  • Python小白学习教程从入门到入坑------习题课5(基础巩固)
  • 飞凌嵌入式T113-i开发板RISC-V核的实时应用方案
  • 基于Java后台实现百度、高德和WGS84坐标的转换实战
  • SQL,力扣题目1635,Hopper 公司查询 I
  • Android 分区相关介绍
  • JMeter监听器与压测监控之 InfluxDB
  • 信息安全管理与评估赛项(网络安全)--应急响应专项训练
  • ElasticSearch学习篇18_《检索技术核心20讲》LevelDB设计思想
  • 使用 FFmpeg 提取音频的详细指南
  • 中国省级新质生产力发展指数数据(任宇新版本)2010-2023年
  • C++设计模式:建造者模式(Builder) 房屋建造案例
  • Python 快速入门(上篇)❖ Python基础知识
  • string接口的模拟实现