解决elementui table fix列显示不全问题

Posted 2023-03-22

参考技术A 由于固定了列所以显示不全，查看元素发现给滚动条留了位置

解决方法先给了高度百分之百

后来发现滚动条被遮盖

所以有了下面的解决方案

.el-table__fixed 

  height: 100% !important;

  pointer-events: none;

  .el-table__fixed-body-wrapper

    pointer-events: all

  

ElementUI表格合计项固定列 滚动条不可滑动

//之前写elementUI表格 没太关注这个问题
//直到前段时间由于固定合计列太宽 而合计列滚动条无法拖动
//所以在网上查了很多相关知识 在此做下记录
//本项目测试可用

原因：是因为el-table在列添加fixed时，实际上是在这个table上方添加一个类名为el-table__fixed的相对定位的div，
  　　她会根据下方拖动的表格实时进行重绘，因为盖住了所以无法拖动。

解决方法：
/*滚动条覆盖*/
.el-table--scrollable-x .el-table__body-wrapper {
　　z-index: 2;
}  

　　

 参考链接：https://segmentfault.com/q/1010000016572074?utm_source=tag-newest