请教各位大佬element中table组件如何宽度自适应

Question

如图，在缩小浏览器尺寸后table组件并不会缩小宽度，请教各位大佬如何去宽度自适应呢，在网上也找了找，有人说可以用position，除此之外有没有其他方法，请大佬帮帮忙

<el-table
 :data="tableData"
>
 <el-table-column
 prop="date"
 label="排名"
 >
 </el-table-column>
 <el-table-column
 prop="name"
 label="商品"
 >
 </el-table-column>
 <el-table-column
 prop="address"
 label="来自供应商">
 </el-table-column>
 <el-table-column
 prop="address"
 label="商品销量">
 </el-table-column>
 <el-table-column
 prop="address"
 label="分享量">
 </el-table-column>
 <el-table-column
 prop="address"
 label="浏览量">
 </el-table-column>
 <el-table-column
 prop="address"
 label="销售金额">
 </el-table-column>
 <el-table-column
 prop="address"
 label="转换率">
 </el-table-column>
</el-table>

Answer 1

不设置列的宽度就可以了吧

Answer 2

el-table外面再包裹一层布局容器，el-main、el-container

Answer 3

不可能啊，这样就是自适应的；除非设置了，你还在审查元素里面看父级元素哪里影响到了

Answer 4

这样？

flex: 1; width: 0;