elementui表格横向滚动条随浏览器大小变化

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了elementui表格横向滚动条随浏览器大小变化相关的知识,希望对你有一定的参考价值。

参考技术A 版本过低,未设置大小的变化。
1、elementui表格版本过低就会出现横向滚动条随浏览器大小变化的情况,需要进行升级。
2、未设置大小的变化也会出现该种情况的发生。

el-scrollbar隐藏横向滚动条

参考技术A 1. el-scrollbar style="height:100%"

2. 不要在scoped私有变量添加

```

.el-scrollbar__wrap    

    overflow-x: hidden;



```

在app.vue 或者公共的css加入。

以上方法来自网络,亲测无法生效,请尝试

```

.el-scrollbar__wrap    

    overflow-x: hidden!important;



```



```

::v-deep .el-scrollbar__wrap    

    overflow-x: hidden;



```

以上是关于elementui表格横向滚动条随浏览器大小变化的主要内容,如果未能解决你的问题,请参考以下文章

ElementUI Table横向滚动条遇到的问题汇总

ElementUI Table 首行固定

360浏览器打开搜狐页面无法横向拉动屏幕

elementui表格div变化,内容没有响应

element-ui 动态表头渲染表格

[前端][CSS] 纯css实现纵向滚动固定表头与横向内容滚动