• 使其消失

    .el-scrollbar__thumb
    {
      display:none
    }
    ::-webkit-scrollbar {
    width: 1px;
    height: 1px;
    }
    /* // 滚动条的滑块 */
    ::-webkit-scrollbar-thumb {
        background-color: #000000;
        border-radius: 0px;
    }
    
  • 改变样式

        .el-table__body-wrapper::-webkit-scrollbar {
    
        width: 3px; 
    
        height: 3px; 
    
        }
        .el-table__body-wrapper::-webkit-scrollbar-thumb {
    
        background-color: #ddd;
    
        border-radius: 3px;
    
        }
    
  • 横向滚动条解决不能滚动

    /*解决固定列遮盖底部滚定条导致滚动条无法滚动的问题*/
            .el-table__body-wrapper{
                z-index: 2
            }
            
            
     /deep/   .el-scrollbar__wrap{
            overflow-x: scroll;
        }
    
Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐