在表格外层包一层自定义的div class=”table-wrapper”,利用三箭头深度修改
/* *表格背景透明 */
/* //透明化整体 */
.table-wrapper /deep/.el-table,.el-table__expanded-cell {
background-color: transparent !important;
}
/* //透明化行、单元格,删除表头下横线 */
.table-wrapper /deep/ tr, .table-wrapper /deep/ th, .table-wrapper /deep/ td {
background: #1439391c !important;
color:#fff;
border-bottom: 0px;
/* //删除表头下横线 */
}
/* //hover时样式 */
.table-wrapper /deep/ .el-table tbody tr:hover>td {
background-color: #367f7f78 !important
}
/* // 表格内容(有用) */
.table-wrapper /deep/ .el-table__row {
background: #1439391c !important;
color: #46d4ff;
}
/**表格背景透明end */
.table-wrapper >>> .el-table__row>td{
/* 去除表格线 */
border: none;
}
.table-wrapper >>> .el-table th.el-table__cell.is-leaf {
/* 去除上边框 */
border-bottom: none !important;
}
.table-wrapper >>> .el-table__inner-wrapper::before{
/* 去除下边框 */
height: 0;
}