解决elementUI中el-table设置fixed时，原本应该是被固定列遮住的底部的列透过固定列显示出来

最新推荐文章于 2025-12-11 10:02:49 发布

原创最新推荐文章于 2025-12-11 10:02:49 发布 · 278 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#elementui #vue.js #前端

在这里插入图片描述
如图el-table设置fixed=“right”，fixed的部分固定在最右顶层显示，在滚动查看数据时出现原本应该是被遮住的底部的列的数据浮现出来了，试了很多包括获取数据后重置表格doLayout等方法均无效。
无法在过程中修复，最后只能是在结果上修饰，即给固定列加上背景颜色，遮盖住底部数据：

<style lang="less">
 // expertManagement 是el-table的容器
#expertManagement {
  .el-table__fixed-right,
  .el-table__fixed {
    background: #fff !important;
   }
 }
</style>

效果：
在这里插入图片描述