【IE11】elementUI table 表格宽度不是100%的问题

在用vue写前端的时候,用到了element-ui中的el-table,在el-table-column列数据相对来说少的情况下,谷歌,360等都能将表格宽度自适应为100%,但是ie不能自适应为100%,效果如下图:
在这里插入图片描述
然后看别人写的文章说是加样式,但是我把这个样式加在了本vue页面下的样式区域,奈何无效果
后来将此样式加在了全局的css样式文件中,路径如下
在这里插入图片描述
此时达到了预想的效果
增加的样式代码信息如下:

/*解决ie11下el-table出现空白问题*/
.el-table__header{
  width: 100% !important;  
}  
.el-table__body{  
  width: 100% !important;  
}
/*解决ie11下el-table出现空白问题 end*/

ok,解决,记录一下。

Logo

Vue社区为您提供最前沿的新闻资讯和知识内容

更多推荐