el-table style modification

Add scoped to style

// table part style
// outermost transparent
/deep/ .el-table,
/deep/ .el-table__expanded-cell {
background-color: transparent;
color: #93dcfe;
font-size: 24px;
}

// The background color in the table
/deep/ .el-table th,
/deep/ .el-table tr,
/deep/ .el-table td {
background-color: transparent;
border: 0px;
color: #93dcfe;
font-size: 24px;
height: 5px;
font-family: Source Han Sans CN Normal, Source Han Sans CN Normal-Normal;
font-weight: Normal;
}

// Remove the bottom line
.el-table::before {
height: 0px;
}

// Set table row height
/deep/ .el-table__body tr,
/deep/ .el-table__body td {
padding: 0;
height: 54px;
}

// Modify the highlighted current row color
/deep/ .el-table tbody tr:hover > td {
background: #063570 !important;
}

// Cancel the highlight of the current line
// /deep/ .el-table tbody tr {
// pointer-events: none;
// }

// Modify the table header style - add a border
/deep/ .el-table__header-wrapper {
border: solid 1px #04c2ed;
// box-sizing: border-box;
}

// table zebra custom color
/deep/ .el-table__row.warning-row {
background: #063570;
}

// Scrollbar style
/deep/ .el-table__body-wrapper::-webkit-scrollbar-track {
background-color: #063570;
}

/deep/ .el-table__body-wrapper::-webkit-scrollbar {
width: 10px;
opacity: 0.5;
}

/deep/ .el-table__body-wrapper::-webkit-scrollbar-thumb {
border-radius: 15px;
background-color: #0257aa;
}