resistancemonitor/2.Web/static/css/table.scss

$bgColor: #1f1f1f; // 背景色
$borderColor: #606266;
$color: #c0c4cc;
// 字体颜色
/deep/ .el-table {
 color: $color;
 background-color: $bgColor;
}

// 单元格内填充
/deep/ .el-table td,
/deep/ .el-table th {
 padding: 10px 0px;
 background-color: $bgColor;
}

// 有滚动条时
/deep/ .el-table__fixed-right-patch {
 display: none;
 width: 0;
 height: 0;
}

/deep/ .el-table__fixed-right {
 right: 0px !important;
 bottom: 0px !important;
}
/deep/ .el-table__fixed-right::before,
/deep/ .el-table__fixed::before {
 //  display: none;
 background-color: $borderColor;
}
// 表头
/deep/ .el-table th,
/deep/ .el-table tr {
 background-color: $bgColor;
}

// 表头下划线
/deep/ .el-table__header th {
 background-color: $bgColor;
 border-color: $borderColor;
 color: $color;
}

// 单元格的背景及边框颜色
/deep/ .el-table--enable-row-transition .el-table__body td,
.el-table .cell {
 background-color: $bgColor;
 border-color: $borderColor;
}

// 表格上、左侧的边框颜色
/deep/ .el-table,
.el-table__expanded-cell {
 border-color: $borderColor;
}

// 鼠标悬停背景色
/deep/ .el-table tbody tr:hover > td {
 background-color: transparent;
}

// 表格下、右侧的边框颜色
/deep/ .el-table--border::after,
/deep/ .el-table--group::after,
/deep/ .el-table::before {
 //  display: none;
 background-color: $borderColor;
}

// 表格为空
/deep/ .el-table__empty-block {
 background-color: $bgColor;
 border-color: $borderColor;
}

/** 分页的样式 */

// 前一页、后一页样式
/deep/ .btn-prev,
/deep/ .btn-next {
 background-color: #606266;
 color: $color;
}

// 页码样式
/deep/ .el-pager {
 .number {
  background-color: $borderColor;
  color: $color;
 }
 .number.active {
  background-color: #409eff;
  color: white;
 }
 .el-icon {
  background-color: $borderColor;
  color: $color;
 }
}
// 前往多少页的字体样式
/deep/ .el-pagination__total,
/deep/ .el-pagination__jump {
 color: $color;
}

// 前往多少页的输入框
/deep/ .el-input__inner,
/deep/ .el-textarea__inner,
/deep/ .el-input__count {
 background-color: $bgColor;
 color: $color;
 border-color: $borderColor;
}