[转] element table下边线消失，以及左右边框不对齐今天用element做表格的时候，碰见两个样式问题。问题

今天用element做表格的时候，碰见两个样式问题。问题如下图：

问题： 1、表格的下边线莫名其妙的消失了，之前也有做过，并未出现类似情况。 2、表格左右边框不对齐解决：问题一：

<style>
// 表头的下边线添加
.el-table th.is-leaf, .el-table td {
    border-bottom: 1px solid #EBEEF5;
}
// 表内容的下边线添加
.el-table td, .el-table th.is-leaf {
    border-bottom: 1px solid #EBEEF5;
}
</style>
`
如果项目样式是局部样式scoped的话，加个 /deep/ 穿透就好啦，如下

<style scoped>
// 表头的下边线添加
/deep/ .el-table th.is-leaf, .el-table td {
    border-bottom: 1px solid #EBEEF5;
}
// 表内容的下边线添加
/deep/ .el-table td, .el-table th.is-leaf {
    border-bottom: 1px solid #EBEEF5;
}
</style>

问题二：

<style>
.el-table th.gutter {
    display: table-cell !important;
}
</style>

解决，效果图：