【el-table】横向滚动条加粗后,滚动到固定列下被遮挡,已解决

横向滚动条按要求加粗后,遇到的问题:列表的操作列是固定在最右侧的,当滚动条滑动到最右侧的时候,滚动条被遮挡了

我尝试了几种方法都不行,比如找到.el-table__fixed-right .el-table__fixed-footer-wrapper ,修改bottom的值,无效

解决方法:

首先,el-table设置了固定列之后,会有两套不同的列名

如截图所示,普通列body的高度是362px(含横向滚动条12px的高度)

而固定列body的高度是354px

看红色圈起来的部分,固定列的body高度其实超了,所以挡住了滚动条

固定列body的高度等于普通列body的高度 - 横向滚动条的高度

按示例的普通列高度362px - 横向滚动条的高度12px = 350px

所以固定列的body高度改为350px

bash 复制代码
/deep/ .el-table__fixed-body-wrapper{
  height: 350px !important;//el-table__body-wrapper高362  - 横向滚动条12 = 350
}

现在就不遮挡了

相关推荐
橙露1 分钟前
JavaScript 异步编程:Promise、async/await 从原理到实战
开发语言·javascript·ecmascript
2301_7806698612 分钟前
前端logo替换开发
前端·vue.js
我命由我123451 小时前
React Router 6 - 嵌套路由、路由传递参数
前端·javascript·react.js·前端框架·html·ecmascript·js
十六年开源服务商1 小时前
2026年WordPress网站地图完整指南
java·前端·javascript
英俊潇洒美少年2 小时前
MessageChannel 如何实现时间切片
javascript·react.js·ecmascript
技术钱3 小时前
react数据大屏四种适配方案
javascript·react.js·ecmascript
李明卫杭州3 小时前
JavaScript 严格模式下 arguments 的区别
前端·javascript
一次旅行4 小时前
今日心理学知识分享(三)
开发语言·javascript·程序人生·ecmascript
牛十二4 小时前
openclaw安装mcporter搜索小红书
开发语言·javascript·ecmascript
小金鱼Y4 小时前
🔥 前端人必看:浏览器安全核心知识点全解析(XSS/CSRF/DDoS)
前端·javascript·安全