vue2+elementui的el-table固定列会遮住横向滚动条以及错位

解决方案

我是最右侧固定列,所以下面的class名称是.el-table__fixed-right, 如果有左侧固定请自行替换为el-table__fixed

防止固定列表格高度错位

javascript 复制代码
  .el-table__fixed-body-wrapper {
    .el-table__body {
      padding-bottom: 15px; // 这个得自己调试看多少合适
    }
  }
}

如果还没有解决错位, 请看你的el-table__body-wrapper是不是自己写了max-height的样式属性, 这会影响固定列定位的

解决固定列错位后, 接下来就是吧固定列往上提滚动条的高度就不会影响了

javascript 复制代码
  .el-table__fixed-right {
    height: auto !important;
    bottom: 8px !important;// 这个得自己调试看多少合适
  }
   //去掉固定列下方的横线, 样式优化
  .el-table__fixed::before, .el-table__fixed-right::before {
    display: none;
  }

解决效果如图:

留出了高度并且高度一致没有错位

问题完美解决!!!

相关推荐
TT哇2 小时前
【实习】数字营销系统 银行经理端(interact_bank)前端 Vue 移动端页面的 UI 重构与优化
java·前端·vue.js·ui
蓝帆傲亦2 小时前
Web前端跨浏览器兼容性完全指南:构建无缝用户体验的最佳实践
前端
晴殇i2 小时前
【前端缓存】localStorage 是同步还是异步的?为什么?
前端·面试
不一样的少年_2 小时前
Chrome 插件实战:如何实现“杀不死”的可靠数据上报?
前端·javascript·监控
深度涌现2 小时前
DNS详解——域名是如何解析的
前端
小码哥_常2 小时前
Android内存泄漏:成因剖析与高效排查实战指南
前端
卤代烃2 小时前
✨ 形势比人强,Chrome 大佬也去搞 Gemini 了
前端·agent·vibecoding
偶像佳沛2 小时前
JS 对象
前端·javascript
Jing_Rainbow2 小时前
【React-6/Lesson89(2025-12-27)】React Context 详解:跨层级组件通信的最佳实践📚
前端·react.js·前端框架
gustt2 小时前
构建全栈AI应用:集成Ollama开源大模型
前端·后端·ollama