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

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.lryc.cn/news/2379539.html

相关文章:

  • 基于 nvitop+Prometheus+Grafana 的物理资源与 VLLM 引擎服务监控方案
  • 互联网大厂Java求职面试:Spring AI与大模型交互在短视频平台中的应用
  • 【Lua】java 调用redis执行 lua脚本
  • 【工奥阀门科技有限公司】签约智橙PLM
  • 灌区量测水自动化监测解决方案
  • SpringBoot整合MQTT实战:基于EMQX构建高可靠物联网通信,从零到一实现设备云端双向对话
  • AI与机器学习深度集成:从设备端能力爆发到开发工具智能化
  • 界面控件DevExpress WinForms v24.2 - 数据处理功能增强
  • Linux的MySQL头文件和找不到头文件问题解决
  • wps excel将表格输出pdf时所有列在一张纸上
  • zabbix7.2最新版本 nginx自定义监控(三) 设置触发器
  • CDN加速对云手机延迟的影响
  • 为什么 Docker 建议关闭 Swap
  • 缓存的相关内容
  • [ctfshow web入门] web77
  • C++学习-入门到精通-【7】类的深入剖析
  • API 加速方案:如何使用 Redis 与 Memcached 进行高效缓存优化
  • 主成分分析的应用之sklearn.decomposition模块的PCA函数
  • 1. Go 语言环境安装
  • IP协议深度解析:互联网世界的核心基石
  • Oracle DBMS_STATS.GATHER_DATABASE_STATS 默认行为
  • C++天空之城的树 全国信息素养大赛复赛决赛 C++小学/初中组 算法创意实践挑战赛 内部集训模拟题详细解析
  • HTTP 请求走私(HTTP Request Smuggling)
  • 基于WebRTC的实时语音对话系统:从语音识别到AI回复
  • typeof运算符和深拷贝
  • .Net HttpClient 使用 Cookie
  • Python爬虫实战:通过PyExecJS库实现逆向解密
  • Java中的伪共享(False Sharing):隐藏的性能杀手与高并发优化实战
  • GO语言语法---switch语句
  • 开疆智能Profient转ModbusTCP网关连接ABB机器人MODBUS TCP通讯案例