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;
}
发表评论 (审核通过后显示评论):