解决 elementUI 切换table后 el_table 固定列下方多了一条线

作者：盐析白兔 | 2024-02-19 08:00:16

踩

element ui 去除表格底部多出一条横线

问题：

element-ui 在tab选项卡的页面点击tab切换后，表格中若存在某一列使用了fixed属性固定，会在固定列的底部出现一行横条，如下图所示：

解决方法：

1.修改全局css

2.只修改局部css


.tableClass{  //table的class
    /deep/ .el-table__fixed {
       height: 100% !important; //设置高优先，以覆盖内联样式
     }
 }

添加上面代码后，只能解决左边固定列最后一行多出的横线

若左右都有固定列时，添加以下代码即可


.tableClass{  //table的class
    /deep/ .el-table__fixed, /deep/ .el-table__fixed-right{
       height: 100% !important; //设置高优先，以覆盖内联样式
     }
}

本文内容由网友自发贡献，转载请注明出处：【wpsshop博客】