el-table-column自适应宽度

对于el-table-column自适应宽度的问题，可以使用以下两种方法：

1. 设置width属性为auto，让列宽度自适应内容：

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

2. 使用slot-scope自定义列模板，通过监听内容宽度动态设置列宽度：

<el-table-column label="姓名">
<template slot-scope="scope">
<div class="cell">{{ scope.row.name }}</div>
</template>
</el-table-column>

<style>
.cell {
width: fit-content;
min-width: 100%;
}
</style>

其中，.cell样式中的width: fit-content可以使宽度自适应内容，min-width: 100%可以保证单元格宽度不小于列宽度。

相关问题

el-table-column宽度自适应

el-table-column可以根据表格内容自适应宽度。可以设置属性width="auto"或者不设置width属性，这样el-table-column会根据表格内容自动调整宽度。如果需要固定宽度，可以设置具体的宽度值。

el-table-column列宽自适应

可以使用 `width="auto"` 来让 el-table-column 列宽自适应内容。

例如：

<el-table :data="tableData">
  <el-table-column prop="name" label="姓名" width="auto"></el-table-column>
  <el-table-column prop="age" label="年龄" width="auto"></el-table-column>
  <el-table-column prop="address" label="地址" width="auto"></el-table-column>
</el-table>