如何去掉el-table右边空白条

不知道你们有没有发现el-table当数据量过多的时候就需要我们加滚动条,就要设置height值,但是你会发现当设置了height值滚动条就出来,那么就会看到一个很丑的空白区域,如果说背景色是一个白色还看不太出来,但是如果要改这个表格颜色,那么这一块空白区就会显得很突兀,这个往往是不被客户认可的,像这样
如何去掉el-table右边空白条_第1张图片
像这样处理就可以了,上代码

/deep/.el-table th.gutter {
                display: none;
                width: 0
            }
 /deep/.el-table colgroup col[name='gutter'] {
                display: none;
                width: 0;
 }

效果图见下:
如何去掉el-table右边空白条_第2张图片

你可能感兴趣的:(vue.js,elementui,前端)