隐藏滚动条

<el-table></el-table>

   .scrollstyle, /deep/.el-table__body-wrapper{
        overflow:auto;
        -ms-overflow-style: none;//IE
        scrollbar-width: none;//火狐
        scrollbar-color: transparent transparent;
        &::-webkit-scrollbar{width: 0;height:0;}//chrome 和Safari
    }
    /deep/.el-table th.gutter{width: 0;}
    /deep/.el-table colgroup col[name='gutter']{width: 0;}
    /deep/.el-table__body{width: 100% !important;} //el-table 纵向滚动条隐藏后占宽度
    /deep/.el-table__fixed-right-patch{width: 0 !important;}
    /deep/.el-table__fixed-right{right:1px !important;}

div隐藏滚动条红色部分

.scrollstyle{
        overflow:auto;
        -ms-overflow-style: none;//IE
        scrollbar-width: none;//火狐
        scrollbar-color: transparent transparent;
        &::-webkit-scrollbar{width: 0;height:0;}//chrome 和Safari
    }

el-table 无固定列蓝色部分

    /deep/.el-table__body-wrapper{
        overflow:auto;
        -ms-overflow-style: none;//IE
        scrollbar-width: none;//火狐
        scrollbar-color: transparent transparent;
        &::-webkit-scrollbar{width: 0;height:0;}//chrome 和Safari
    }
    /deep/.el-table th.gutter{width: 0;}
    /deep/.el-table colgroup col[name='gutter']{width: 0;}
    /deep/.el-table__body{width: 100% !important;} //el-table 纵向滚动条隐藏后占宽度

el-table 右侧有固定列蓝色部分+下面两行

/deep/.el-table__fixed-right-patch{width: 0 !important;}
/deep/.el-table__fixed-right{right:1px !important;} //右侧距离可根据实际情况修改

本站仅提供存储服务，所有内容均由用户发布，如发现有害或侵权内容，请点击举报。