element表格

表格内背景颜色

::v-deep .el-table th,
::v-deep .el-table tr,
::v-deep .el-table td {
    background-color: transparent;
    border          : 0px;
    color           : #FAFCFF;
    font-size       : 16px;
    height          : 5px;
    font-family     : Source Han Sans CN Normal, Source Han Sans CN Normal-Normal;
    font-weight     : Normal;
}

高亮当前行颜色

::v-deep .el-table tbody tr:hover>td {
 background: #063570 !important;
}

自定义表格斑马颜色

::v-deep.el-table__row.warning-row {
	background: #0B3B65;
}

修改表头样式-加边框

::v-deep .el-table__header-wrapper {
  background   : #0B3B65;
}

去掉表格最下面的那一条线

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

滚动条（横向=纵向）

// table表格样式
.el-table {
    .el-table__body-wrapper::-webkit-scrollbar {
        width : 8px !important; // 横向滚动条
        height: 8px !important; // 纵向滚动条 必写
    }

    // 滚动条样式
    .el-table__body-wrapper::-webkit-scrollbar-thumb {
        background-color: #dde !important;
        border-radius   : 3px !important;
    }
}

50 ms渲染一行

$i: 0;
@while $i < 100 {
  .el-table__body {
    .el-table__row:nth-child(#{$i}) {
      opacity: 0;
      animation: table-show 300ms $i * 50ms forwards ease-out;
    }
  }
  $i: $i + 1;
}
@keyframes table-show {
  0% { transform: translateY(50px); opacity: .5; }
  100% { transform: translateY(0); opacity: 1; }
}