el-table去除右侧拖拽条

var_scf718ki

于 2024-10-31 16:31:19 发布

阅读量179

点赞数 3

文章标签：前端 elementui

本文链接：https://blog.youkuaiyun.com/var_scf718ki/article/details/143405548

版权

记录一下，有这个需求的代码如下

.el-table {
    .el-table__body-wrapper {
        &::-webkit-scrollbar {
        background: rgba(213, 215, 220, 0.3);
            display: none;
            width: 0;
            border: none;
        }

        &::-webkit-scrollbar-track {
            border: none;
            display: none;
        }
    }

    th.gutter {
        display: none !important;
        width: 0 !important
    }

    colgroup col[name='gutter'] {
        display: none;
        width: 0;
    }

    .el-table__body {
        width: 100% !important;
    }
}