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

作者: 图恩分类: 开发笔记阅读: 846字数: 435发布时间： 2021-07-05 22:55:37

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

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

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

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

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

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

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

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

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

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

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

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

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

}