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;

}

相关推荐
xixichensh11 小时前
前端转做AI程序员第一步——开发一个AI流式对话Demo
前端
小羊没烦恼!12 小时前
系统内部模块(子系统)之间的耦合以及模块(子系统)划分
java·开发语言·前端·数据库·算法·c#
Leslie16512 小时前
聚合不只是 GROUP BY:HashAggregate 与 SortAggregate 的内存账本
前端
ITOM运维行者12 小时前
PHP性能监控怎么做?从响应时间到慢函数的6个关键指标
前端·javascript·后端
成旭先生12 小时前
AI 文本审核 API:一段中文文本判风险等级、命中标签与处置建议
java·前端·人工智能·api接口·内容风控·文本审核·ugc审核
liangshanbo121513 小时前
前端面试题:AI 对话中超长消息导致内存溢出,怎么解决?
java·开发语言·前端
静默回滚13 小时前
PDF能打开却不能复制,原来是权限密码
前端
律宏阔13 小时前
Dart FFI 内存管理:用 using + Arena 替代嵌套 try-finally
前端·flutter
guslegend13 小时前
脚手架入门:必要性、核心功能与执行原理
前端·架构·node.js·脚手架·前端工程化
律宏阔13 小时前
Flutter 调用 Go:从 c-shared + ffigen 到 @Native + Native Assets 踩坑记录
前端·flutter