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

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.kler.cn/a/409111.html

相关文章:

  • 搜索二维矩阵
  • C++:用红黑树封装map与set-1
  • js函数声明
  • Linux各种并发服务器优缺点
  • VUE 的前置知识
  • mayo介绍和QTqmake编译基于Opencascade开发的mayo工程-小白配置
  • 探索 RocketMQ:企业级消息中间件的选择与应用
  • Scala全文单词统计
  • 【TEST】Apache JMeter + Influxdb + Grafana
  • 小程序25- iconfont 字体图标的使用
  • mfc100u.dll是什么?分享几种mfc100u.dll丢失的解决方法
  • Vue——响应式数据,v-on,v-bind,v-if,v-for(内含项目实战)
  • 周末总结(2024/11/24)
  • HTMLCSS:3D金字塔加载动画
  • MySQL 主从复制之多线程复制
  • 【数据结构】【线性表】一文讲完队列(附C语言源码)
  • el-table的树形结构后端返回的id没有唯一键怎么办
  • Java中的CAS
  • elasticsearch的文档管理
  • MySQL原理简介—12.MySQL主从同步
  • 计算机网络复习笔记(湖科大教书匠)
  • Qt案例 滥用[Qt::BlockingQueuedConnection]队列链接导致出现程序死锁Bug的问题
  • JavaWeb开发:HTML 页面与接口对接
  • 基于Java Springboot工厂生产设备维护管理系统
  • Facebook商城号封号的原因是什么?
  • 数据集-目标检测系列- 花卉 玫瑰 检测数据集 rose >> DataBall