elment-UI中表头和内容错位

当出现纵向滚动条的时候就错位了

 

 网上找了很多方法发现对我的不生效

//把这样式添加到index.html中、或者app.vue中（必须是入口文件，才能全局起作用！）
body .el-table th.gutter{
    display: table-cell!important;
}
 
body .el-table colgroup.gutter{
    display: table-cell!important;
}

 

自己摸索了一个

.el-table--scrollable-y .el-table__body-wrapper {
    overflow-y: overlay !important;
}
//有滚动条，但是不计滚动条宽度

亲测有效，至于兼容性的话还有待研究，因为在网上没找到相关的官文文档

要是怕兼容性的话，俺又摸索了一个

.el-table--scrollable-y .el-table__body-wrapper::-webkit-scrollbar {
    width: 0;
}
//没有滚动条

 

 亲测有效，根据需求自行选择

 拓展：

https://www.cnblogs.com/ll15888/p/11871888.html