设置element表格属性(背景透明,颜色,边框...)

/* 整个表格的宽度 */
.tableBox {
  width: 470px;
}
/* 标题行的内边距 */
::v-deep .tableBox th {
  padding: 3px;
}
/* 内容行的属性 */
::v-deep .tableBox td {
  padding: 0px !important;
  text-align: center;
}
/* 边框 */
::v-deep .el-table--border,
.el-table--group {
  border: 1px solid #8a8a8a;
}
/**
改变表格内竖线颜色
 */
::v-deep .el-table--border td,
.el-table--border th,
.el-table__body-wrapper .el-table--border.is-scrolling-left ~ .el-table__fixed {
  border-right: 1px solid #8a8a8a !important;
}
/**
改变表格内行线颜色
 */
::v-deep .el-table td,
.el-table th.is-leaf {
  border-bottom: 1px solid #8a8a8a;
}
/* 中间线 */
::v-deep .el-table thead tr th {
  border-color: #8c939d !important;
}
/* 标题行的颜色 */
::v-deep.el-table th.el-table__cell {
  background-color: #133284 !important;
  font-size: 14px;
  font-family: Source Han Sans SC;
  font-weight: bold;
  color: #ddf0ff;
}
/* 内容行的颜色 */
::v-deep .el-table,
.el-table__expanded-cell {
  background-color: transparent;
  border-radius: 10px;
}
::v-deep .el-table tr {
  background-color: transparent;
  color: #e2e6ec;
}
/* 鼠标经过时内容行的颜色 */
::v-deep .el-table tbody tr:hover > td {
  background-color: transparent !important;
}
::v-deep .el-table--enable-row-transition .el-table__body td,
.el-table .cell {
  background-color: transparent;
}
上一篇:node 使用selenium 爬取页面数据(node爬虫)


下一篇:SpringBoot - 实现异步