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

elementUI调整滚动条高度后与固定列冲突问题解决

/* 1. 首先确保基础样式生效 */
.el-table.el-table–scrollable-x .el-table__body-wrapper {
overflow-x: auto !important;
}

/* 2. 设置滚动条高度(对所有表格生效) */
.el-table__body-wrapper::-webkit-scrollbar {
height: 10px !important;
}

/* 3. 关键修复:只在有横向滚动时调整固定列 */
.el-table.el-table–scrollable-x .el-table__fixed-body-wrapper,
.el-table.el-table–scrollable-x .el-table__fixed-right-body-wrapper {
padding-bottom: 10px !important;
height: calc(100% - 10px) !important;
}

/* 4. 调整固定列容器 */
.el-table.el-table–scrollable-x .el-table__fixed,
.el-table.el-table–scrollable-x .el-table__fixed-right {
height: calc(100% - 10px) !important;
}

http://www.dtcms.com/a/190914.html

相关文章:

  • 高海拔和远距离的人员识别:面部、体型和步态的融合
  • Java 源码 HashMap源码分析
  • PROE 转 STP 全攻略:软件实操、在线转换与问题解决
  • 【网工第6版】第10章 网络规划和设计②
  • D. Eating【Codeforces Round 1005 (Div. 2)】
  • 微机原理与接口技术知识点总结——8086微处理器ddddd
  • 16 - VDMA之视频转发实验
  • 字符串检索算法:KMP和Trie树
  • 解决 PicGo 上传 GitHub图床及Marp中Github图片编译常见难题指南
  • VUE3 -综合实践(Mock+Axios+ElementPlus)
  • 安全合规检查开源项目ComplianceAsCode/content详解及操作系统新产品开发适配指南
  • less中使用 @supports
  • tensorflow安装及简单例程学习
  • Baklib知识中台赋能业务智能跃迁
  • 使用大模型预测急性结石性疾病技术方案
  • 现代计算机图形学Games101入门笔记(六)
  • HPE ProLiant DL360 Gen11 服务器,配置 RAID 5 教程!
  • C#11的特性
  • echarts中一些关键的配置
  • SCADA|KingSCADA中如何使用自定义函数优化脚本程序?
  • Java问题排查常用命令行工具速查表
  • Android多媒体——媒体start流程分析(十三)
  • 深入解析 PostgreSQL 外部数据封装器(FDW)的 SELECT 查询执行机制
  • 【vLLM 学习】基础教程
  • 4G物联网模块实现废气处理全流程数据可视化监控配置
  • Angular 知识框架
  • Lord Of The Root: 1.0.1通关
  • 如何在终端/命令行中把PDF的每一页转换成图片(PNG)
  • 《Effective Python》第2章 字符串和切片操作——深入理解 Python 中 __repr__ 与 __str__
  • 机器学习基础课程-6-课程实验