element table样式修改

面对恐惧的东西，迎难而上有时候反倒是一次性根本解决问题的好办法。

首先，修改头颜色： 

.el-table__header-wrapper {
     background-color: $color-scroll;
}

 修改奇数行颜色和偶数行颜色： 

.el-table__row {
     background-color: #1b1f2b;
}
.el-table--striped .el-table__body tr.el-table__row--striped td {
     background-color: #141722;
}

 修改行内线的颜色： 

.el-table td,.building-top .el-table th.is-leaf {
    border-bottom:  1px solid #ccc;
}

修改头部边框颜色：

 .el-table th.is-leaf {
    border: none;
}

修改表格最底部的颜色和高度

.el-table::before{
    border-bottom:  none;
    height: 0px
}

 

转载于:https://www.cnblogs.com/zhaotq/p/10881178.html