設置el-table-column寬度包裹內容

在 Vue 的 Element UI 中，`el-table-column` 的宽度可以通过 `width` 或者 `prop`（对于响应式列宽）属性来设置。如果你想让内容自动填充列宽并且不会超出，可以使用百分比宽度 (`%`) 或者固定像素值 (px)，这样列会根据内容自动调整其大小。以下是设置列宽度的例子：

<template>
  <el-table :data="tableData">
    <el-table-column
      prop="name"   <!-- 数据字段名 -->
      label="Name"   <!-- 列标题 -->
      width="20%"    <!-- 宽度为当前表格总宽度的20%，可以根据需要调整 -->
      :min-width="80"  <!-- 设置最小宽度，防止内容太短时列过窄 -->
    ></el-table-column>
    <el-table-column
      prop="content"
      label="Content"
      width="100%"  <!-- 设置为100%，内容会根据宽度自适应 -->
    ></el-table-column>
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { name: "Item 1", content: "这是第一行的内容..." },
        // 更多数据...
      ]
    };
  }
}
</script>

在这里，`name` 列设置了相对宽度，而 `content` 列设置了最大宽度为100%，内容将根据内容的实际长度进行填充。