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
}

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM