el-table滚动条设置

使其消失

.el-scrollbar__thumb
{
  display:none
}
::-webkit-scrollbar {
width: 1px;
height: 1px;
}
/* // 滚动条的滑块 */
::-webkit-scrollbar-thumb {
    background-color: #000000;
    border-radius: 0px;
}
1
2
3
4
5
6
7
8
9
10
11
12
13

改变样式

    .el-table__body-wrapper::-webkit-scrollbar {

    width: 3px; 

    height: 3px; 

    }
    .el-table__body-wrapper::-webkit-scrollbar-thumb {

    background-color: #ddd;

    border-radius: 3px;

    }
1
2
3
4
5
6
7
8
9
10
11
12
13
14