<div class="table-see">
<el-table
:data="tableHatData"
stripe
style="width: 100%; font-size: 12px; line-height: 25px"
highlight-current-row
@current-change="handleAQMCurrentChange"
header-cell-class-name="table_header"
max-height="300"
>
</el-table>
</div>
-------------------------css部分---------------------------------------------
1. 表格表头的样式(背景颜色)
.table-see :deep .el-table .table_header {
background-color: rgba($color: #92e4ff, $alpha: 0.2) !important;
margin: 10px;
}
2.表格内背景颜色(透明色)
/* 表格内背景颜色 */
.table-see :deep .el-table th,
.table-see :deep .el-table tr,
.table-see :deep .el-table td {
background-color: transparent !important;
//表格字体颜色
color: white;
}
3.去掉表格内的边框线
::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;
width: 0;
}
}
el-table 设置默认的背景颜色改为透明色,设置默认的线框也变为无线框
于 2023-07-13 14:27:08 首次发布