【element-ui】element-ui设置了合计行，小屏下出现滚动条的时候滚动条在合计行上方如何让滚动条出现在最后

图片描述

如图，用element-ui的时候因为表格要展示的字段很多，小屏下有滚动条了，后面有需求要在最后加合计行，加上之后滚动条竟然是在合计行的上面。有没有人遇到过？如何让滚动条出现的时候再合计行下面。

回答：

自己解决了，用了粗暴的方法：把el-table__body-wrapper的overflow:auto覆盖掉，给父级el-table加overflow:auto。如果有大神有更好的方法希望能提供一下

回答：

求问楼主具体是怎么做的？我注销了el-table__body-wrapper的overflow:auto也没用

回答：

同问怎么做到的，我给父级el-table加了overflow：auto，还是不行

回答：

正好前段时间用elementUI,有个UI的bug,分享下我的方法:

         //滚动条的父级更改样式
          .el-table{
                    overflow: auto;
              }
          //滚动条以及内容还有合计的行样式更改
           .el-table__body-wrapper,
           .el-table__header-wrapper,
           .el-table__footer-wrapper{
                   overflow:visible;
             }
           //这个样式写完之后会产生一条横线,需要覆盖外表格的伪类after,注意要全局样式去覆盖,不要写在scoped中,外层也不能包裹父类
           .el-table::after{
               position: relative !important;
            }

以上是 【element-ui】element-ui设置了合计行，小屏下出现滚动条的时候滚动条在合计行上方如何让滚动条出现在最后 的全部内容， 来源链接： utcz.com/a/153053.html

回到顶部