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

最近有个新项目需要重新搭建,就用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;

}

本文章由javascript技术分享原创和收集

发表评论 (审核通过后显示评论):