el-table fixed以后,border消失
背景:查了很多博客,都没有靠谱的解决方案,最后审查元素发现问题
现象:![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/2e2ed9edc78a94307e6137bf0fc9d4e8.png#pic_center)
原因:添加fixed属性后,生成盒子el-table__fixed,改盒子内部有一个子盒子el-table__fixed-body-wrapper,子盒子有设置border-left,导致表格多占位1px,右侧的border部分超出父级盒子el-table__fixed设置宽度被隐藏了,故添加以下代码即可:
::v-deep .el-table {
.el-table__fixed-body-wrapper {
border: 0;
}
}