el-table自适应宽度

el-table是Element UI库中的表格组件，它支持自适应列宽的功能，这使得表格可以根据内容自动调整列的宽度以更好地呈现数据。默认情况下，如果设置了`min-width`属性，el-table会保证每个列的最小宽度；如果没有设置，当单元格内容过长时，列宽会动态增加以容纳内容。

你可以通过以下几种方式实现列的自适应宽度：

1. 使用`{prop}`、`{width}`属性：为每一列指定属性，例如：

   <el-table-column prop="name" label="姓名" width="200"></el-table-column>

如果不想硬编码宽度，可以使用表达式如`:width="parent.$index * 100 + 'px'"`，让每列按索引自动分配百分比宽度。

2. 列模板的`<template>`标签内：可以在单元格模板内设置行内的样式，使其随内容自动调整：

   <el-table-column label="自适应">
     <template slot-scope="scope">{{ scope.row.content }}
       <style scoped>td { word-break: break-all; white-space: normal }</style>
     </template>
   </el-table-column>