/* 整个表格的宽度 */
.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;
}
设置element表格属性(背景透明,颜色,边框...)
最新推荐文章于 2024-07-30 10:39:47 发布
![](https://img-home.csdnimg.cn/images/20240711042549.png)