element-ui表格修改背景色、文字和去掉边框和底部的白线和增加斑马线和

// 修改表格的背景色
.common-table-container .el-table,
.common-table-container .el-table__expanded-cell {
  //background-color: transparent !important;
  background-color: #313856;
  color: #fff;
}
// 去掉表格的边框
.common-table-container .el-table th,
.common-table-container .el-table td {
  background-color: transparent !important;
}
.assets-table-container .el-table th,
.assets-table-container .el-table td,
.order-table-container .el-table th,
.order-table-container .el-table td
{
  border: none !important;
}
//修改表格的斑马线
.el-table tr:nth-child(even) {background: #283049}
.el-table tr:nth-child(odd) {background: transparent}

//表格文字居中
.audit__table-container .cell {
  text-align: center !important;
}
//去掉表格单元格边框
.audit__table-container .el-table tr th,
.audit__table-container .el-table tr td{
  border: none;
}
//表格文字颜色
.audit__table-container .el-table tr td{
  color: #909399;
}
//表格单元格右边框
.audit__table-container .el-table tr td:not(:last-child) {
  border-right: 1px solid #eee;
}
//去掉底部的白线
.common-table-container .el-table::before {
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0px;
}
 // 表格高度100%
  .el-tabs{
  height: 100%;
}

  

posted @ 2022-05-19 14:56  bruce_lee_1  阅读(1393)  评论(0)    收藏  举报