el-table表格下方多一条线的问题_el-table下边框线不全

作者：小蓝xlanll | 2024-02-19 08:09:35

踩

el-table下边框线不全

问题重现

在el-table表格内容过多时滚动，表格下边框随着初始位置滚动问题，导致表格多出一条横线一条横线。

解决

通过css可以看出伪元素::before就是这条多出来的横线，主要目的是作为el-table的下边框线。
而el-table设置boeder属性后的自带下边框先被none了。
所以在el-table表格内容过多时滚动，表格下边框随着初始位置滚动，导致表格内多出一条横线一条横线，而下边框线没有。


/* 隐藏伪元素 */
::v-deep.el-table::before {
  display: none!important;
}
/* 重现下自带下边框线 */
.el-table--border {
  border-bottom: 1px solid #fff!important;
}

删除伪元素后重新设置下边框就完成啦，这样滚动的时候下边框也会一直存在咯~

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/小蓝xlanll/article/detail/113567?site