vue3修改el-table样式

vue3修改el-table样式

//去掉表格/*头部边框*/
::v-deep .el-table thead tr th.is-leaf {
  border: 0px solid #2e3137;
  border-right: none;
}
::v-deep .el-table {
  // 去掉table的border start----------------------------
  border: 0;
  th,
  tr,
  td {
    border: 0;
  }
  &::before {
    height: 0px;
  }
  &::after {
    width: 0;
  }
  .el-table__fixed:before {
    height: 0;
  }
  // 去掉table的border end----------------------------
}
::v-deep .el-table,
::v-deep .el-table__expanded-cell {
  // background-color: #2a75f5;
  background-color: #12161d;
  border-radius: 10px;
  border: 1px solid #2e3137;
}
/* 表格内背景颜色 */
::v-deep .el-table th,
::v-deep .el-table tr,
::v-deep .el-table td {
  background-color: transparent;
  color: #fff;
}

//表格整行的颜色
::v-deep .el-table tr {
  background-color: transparent !important;
}
// /deep/ .el-tabs__item {
//   // color: #fff;
//   color: #1890ff;
// }
// /deep/ .el-tabs__item.is-active {
//   color: #1890ff;
// }

/*去掉鼠标移入表格变色*/
::v-deep .el-table--enable-row-hover .el-table__body tr:hover > td {
  background-color: #12161d !important;
}