elementui表格列太少

当使用element-ui中的el-table时，如果表格列数据相对较少，可能会出现谷歌、360等浏览器将表格宽度自适应为100%，但是IE浏览器不能自适应为100%的情况。解决这个问题的方法如下：

1.在本vue页面下的样式区域中添加以下样式代码：

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

2.将以上样式代码添加到全局的CSS样式文件中。

如果表格列数据较少，每一列都给了固定宽100px，总和宽为500px，而页面上table的宽未700px，这样就会产生200px的空白。解决这个问题的方法如下：

1.在el-table中添加属性`fit`，将其值设置为`true`，即可让表格自适应父元素的宽度。

<el-table :data="tableData" fit>
  <!-- 表格列 -->
</el-table>

2.在el-table-column中添加属性`min-width`，将其值设置为表格列的最小宽度，即可让表格列自适应表格的宽度。

<el-table :data="tableData" fit>
  <el-table-column prop="name" label="姓名" min-width="100"></el-table-column>
  <el-table-column prop="age" label="年龄" min-width="100"></el-table-column>
  <!-- 其他表格列 -->
</el-table>