//1, the width of the scroll bar
/deep/ .el-table__body-wrapper::-webkit-scrollbar {
width: 6px; // horizontal scroll bar
height: 6px; // Required for vertical scroll bar
}
// 2. Define the inner shadow + rounded corner of the scroll bar track
/deep/ .el-table__body-wrapper::-webkit-scrollbar-track {
box-shadow: 0px 1px 3px #071e4a inset; /*The inner shadow of the background area of the scroll bar*/
border-radius: 6px; /*The rounded corners of the background area of the scroll bar*/
background-color: #071e4a; /*The background color of the scroll bar*/
}
// 3. Define the inner shadow of the slider + rounded corners
/deep/ .el-table__body-wrapper::-webkit-scrollbar-thumb {
box-shadow: 0px 1px 3px #00a0e9 inset; /*The inner shadow of the scroll bar*/
border-radius: 10px; /*The rounded corner of the scroll bar*/
background-color: #00a0e9; /*The background color of the scroll bar*/
}
// 4. A small blank space behind the header
/deep/ .el-table__cell.gutter {
background: rgba(0, 143, 255, 0.5); // modify the color of the small blank space behind the header
}
Adjust according to the width and height fillet color