vue element-table滾動條樣式修改

.table_class{
 &::v-deep {
    .el-table__body-wrapper::-webkit-scrollbar {
      /*width: 0;寬度為0隱藏*/
      width: 4px;
    }
    .el-table__body-wrapper::-webkit-scrollbar-thumb {
      border-radius: 6px;
      height: 50px;
      background: rgba(0, 0, 0, 0.2);//滾動條顏色
    }
    .el-table__body-wrapper::-webkit-scrollbar-track {
      box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
      border-radius: 6px;
      background: #eee;//滾動條背景色
    }
  }

}