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;

}

相关推荐
Highcharts.js几秒前
Highcharts React v4 迁移指南(上):核心变更解析与升级收益
前端·javascript·react.js·react·数据可视化·highcharts·v4迁移
SuniaWang6 分钟前
《Spring AI + 大模型全栈实战》学习手册系列 · 专题八:《RAG 系统安全与权限管理:企业级数据保护方案》
java·前端·人工智能·spring boot·后端·spring·架构
菌菌的快乐生活13 分钟前
在 WPS 中设置 “第一章”“第二章” 这类一级编号标题自动跳转至新页面
前端·javascript·wps
hh随便起个名39 分钟前
useRef和useState对比
前端·javascript·react
Hello_Embed1 小时前
LVGL 入门(十五):接口优化
前端·笔记·stm32·单片机·嵌入式
huabiangaozhi1 小时前
spring-boot-starter和spring-boot-starter-web的关联
前端
umeelove351 小时前
Spring boot整合quartz方法
java·前端·spring boot
小码哥_常1 小时前
Android 开发探秘:View.post()为何能获取View宽高
前端
爱学习的程序媛1 小时前
【Web前端】WebAssembly详解
前端·web·wasm
不会写DN1 小时前
Js常用的字符串处理
开发语言·前端·javascript