表頭樣式

th{
    background: #04020d !important;
    color: rgba(202,207,239,0.80);
    line-height: 17px;
  }

表格為空的時(shí)的樣式

.el-table__empty-block{
    color: #CACFEF !important;
    background: #261A55 !important;
  }

表格斑馬線樣式

.el-table--striped .el-table__body tr.el-table__row--striped td {
  background: #04020d !important;
}

鼠標(biāo)懸浮樣式

&--enable-row-hover &__body tr:hover>td {
    background-color: transparent !important;
  }

表格列樣式

tr{
    color: #CACFEF !important;
    background: #261A55 !important;
  }
 td, th.is-leaf {
    border-bottom: transparent !important;
  }
&::before{
    border-bottom: transparent !important;
    background: transparent !important;
  }

其他

  tr, td, th{
    padding: 0 !important;
    height: 44px !important;
  }
  .cell , th>.cell{
    padding-left: 18px !important;
  }
}

滾動(dòng)條修改

.el-table{
&__body-wrapper{
    &::-webkit-scrollbar {
      width: 8px; // 橫向滾動(dòng)條
      height: 8px; //縱向滾動(dòng)條
    }
    // 滾動(dòng)條的滑塊
    &::-webkit-scrollbar-thumb {
      background-color: #4F2BDB;
      border-radius: 4px;
    }
    &::-webkit-scrollbar-track{/*滾動(dòng)條里面軌道*/
      border-radius: 4px;
      background-color: transparent;
    }
  } 
}