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;

}

相关推荐
passer9815 分钟前
列表项切换时同步到可视区域
前端
FogLetter7 分钟前
移动端适配的终极奥义:从lib-flexible到postcss-pxtorem的全方位指南
前端·postcss
易元8 分钟前
设计模式-访问者模式
前端·后端·设计模式
兵临天下api8 分钟前
Elasticsearch 查询性能优化:从 3 秒到 300ms 的 6 个核心参数调优指南
前端
子林super16 分钟前
y1新建cluster集群redis
前端
liangdabiao18 分钟前
一篇文章尽快介绍入门级智能体Agent是什么回事, Starter AI Agents 项目 来自 awesome-llm-apps
前端·后端
Pedantic36 分钟前
swift 日期与时间的三个结构体
前端
南方kenny36 分钟前
Mock.js:前端开发的假数据神器
前端·javascript
芹丸子37 分钟前
vue cli 创建项目一直失败
前端
鹏程十八少41 分钟前
6.android Vivo手机 指纹解锁动画 (附源码)
前端