element-ui 的table组件在ie下宽度不是100%的解决办法

ppylox
·7/5/2021·0 阅读
AI 摘要模型根据正文自动生成,仅供参考

Vue CLI 4.0 项目中,element-ui 表格组件在 IE11 下宽度异常固定为 340px,无法自适应 100%。经逐版本排查,2.9.2 之前版本正常,之后版本均存在该问题且官方未修复。解决办法是通过 CSS 为 `.el-table__header` 和 `.el-table__body` 设置 `width: 100% !important` 强制覆盖。

最近有个新项目需要重新搭建,就用vue最新的vue-cli4.0脚手架初始化了一个。

安装好一些常用的插件后想看看效果。

发现element-ui的样式在ie11下显示异常,表格的不能自动100%,宽度一直为340px。

刚开始我还以为是我改了什么文件导致的

后面所有的文件都还原成最初状态后发现还是异常。

但是我印象中最早的element-ui的表格是正常的

并且另一个项目在ie也是正常的。

所以就判断可能是element-ui版本的问题。

我就一个版本一个版本的安装,果然发现了问题。

2.9.2之前的版本都没问题,在ie下都是正常的。

之后的版本都有问题,应该是之后的版本导致的问题,但是官方也一直没修复。

网上很多人也遇到这个问题,但是大家都是直接改table的样式,并且给一个最高的优先级,这样就能解决。


.el-table__header{\nwidth: 100% !important;\n}\n.el-table__body{\nwidth: 100% !important;\n\n}

相关文章

评论 (0)

暂无评论,来写第一条吧