当前位置: 首页 > 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;
}

相关文章:

  • 高海拔和远距离的人员识别:面部、体型和步态的融合
  • 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中如何使用自定义函数优化脚本程序?
  • 菲律宾中期选举初步结果出炉,杜特尔特家族多人赢得地方选举
  • 日本航空自卫队一架练习机在爱知县坠毁
  • 横跨万里穿越百年,《受到召唤·敦煌》中张艺兴一人分饰两角
  • GDP逼近五千亿,向海图强,对接京津,沧州剑指沿海经济强市
  • 新能源汽车,告别混乱创新
  • 乌拉圭前总统何塞·穆希卡去世