问题:
element-ui 在tab选项卡的页面点击tab切换后,表格中若存在某一列使用了fixed属性固定,会在固定列的底部出现一行横条,如下图所示:
![](https://i-blog.csdnimg.cn/blog_migrate/675274449e0fa98b064f9af5c8b780dc.png)
解决方法:
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; //设置高优先,以覆盖内联样式
}
}