解决element-ui table固定列会遮挡住滚动条 ,左右无法拖动

解决办法:

    1.修改el-table__fixed样式

.el-table {

    .el-table__fixed {

      height:auto !important;

      bottom:17px !important; 

    }

  }

效果:就是设置bottom值,使得不盖住滚动条。缺点:不适用与含有合计的table,如果含有合计,合计也会上移。

2.修改el-table__body-wrapper样式的层级,随便设个层级就可

 .el-table__body-wrapper{

       z-index: 2

}

效果:解决滚动条被遮住的问题,同时含有合计也适用,缺点:就是表头和合计那部分有阴影,中间的部分没有阴影,不过不影响效果,问题不大。

你可能感兴趣的:(解决element-ui table固定列会遮挡住滚动条 ,左右无法拖动)