elementui的el-table表格边框的修改及透明背景
可以调整border的颜色,我这里是黑色边框,同时也将鼠标悬浮的高亮取消
html
<el-table
style="border-color: #000;"
:cell-style="{ borderColor: '#000' }"
:header-cell-style="{ borderColor: '#000' }">
</el-table>
scss
::v-deep .el-table,
.el-table__body {
background: transparent !important;
}
::v-deep .el-table th {
background-color: transparent !important;
}
::v-deep .el-table tr {
background-color: transparent !important;
}
::v-deep .el-table::before {
background-color: #000000
}
::v-deep .el-table--border::after {
width: 0;
}
::v-deep .el-table--enable-row-transition .el-table__body td,
::v-deep .el-table .cell {
background-color: transparent !important;
}