【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
}

现在就不遮挡了

相关推荐
FlyWIHTSKY25 分钟前
vue2和vue3有什么区别,用法上有哪些区别
前端·javascript·vue.js
程序员大阳1 小时前
副队长JavaScript教程(66)-本地存储实战:待办事项网页的开发
javascript·json·实战·待办事项·本地存储·案例
Dream-Y.ocean2 小时前
鸿蒙PC平台逻控 PLC 编辑器适配实战:基于 Electron 壳方案的纯 JavaScript 梯形图编程与仿真引擎开发
javascript·编辑器·harmonyos
前端小D4 小时前
JS核心底层
前端·javascript
Dovis(誓平步青云)5 小时前
启元 T1 Pro 人机相声搭档:语音-触摸双通道的启元机器人节奏引擎设计
开发语言·前端·javascript·microsoft·交互
ruanno_top5 小时前
能点,但 Tab 不到:两个组件把「可操作」做了一半
vue.js
爱吃烧烤的技术渣5 小时前
别再手写 CRUD 了:我把 Element Plus 的工作量压缩成一份列 schema
前端·vue.js
codeejun6 小时前
每日一Go·MySQL-11、覆盖索引 & 回表原理
javascript·数据库·mysql
用户298698530147 小时前
React 前端将 Excel 工作表导出为图片的技术实践
javascript·react.js·excel
徐小夕8 小时前
万字长文!DeepSeek Super-agent × 企业知识库架构深度拆解与落地实践
前端·vue.js·github