最近在做大屏项目,需要修改Table背景为透明色,查阅了一些,最终成功,故记录一下,希望大家可以用到
效果
代码
/* 表格内背景颜色 */
::v-deep .el-table th,
::v-deep .el-table tr,
::v-deep .el-table td {
background-color: transparent;
}
::v-deep .el-table td.el-table__cell,
::v-deep .el-table th.el-table__cell.is-leaf {
border-bottom: 0;
}
::v-deep.el-table--enable-row-transition .el-table__body td.el-table__cell {
background-color: transparent !important;
}
::v-deep.el-table td.el-table__cell div.cell {
background-color: transparent !important;
}
::v-deep .el-table {
background-color: transparent !important;
}
::v-deep .el-table__row {
background-color: transparent !important;
}
/* 去除底部白线 */
.el-table::before{
background-color: transparent;
}