elementUI合计列之后的滚动条样式问题

发布于 2022-09-11 15:42:17 字数 625 浏览 6 评论 0

问题描述

elementUI合计列之后,如果列项很多,会出现滚动条,滚动条会在合计行上方,我们测试给我提了个bug,详情请看下图

问题出现的环境背景及自己尝试过哪些方法

clipboard.png

相关代码

// 请把代码文本粘贴到下方(请勿用图片代替代码)

.el-table{
    overflow: auto;
}
 .el-table__header-wrapper, 
 .el-table__body-wrapper, 
 .el-table__footer-wrapper{
          overflow:visible;     
    }
  //这个是为了解决前面样式覆盖之后伪类带出来的竖线
 .el-table::after{
    position: relative;
}

*特别的注意:要全局样式去覆盖,不要写在scoped中,外层也不能包裹父类(如果有更好的方法欢迎留言沟通,我的方法比较野)

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

酒绊 2022-09-18 15:42:17

目前这个方法能解决这个问题,还没发现引发其他bug出来

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文