table列最小宽度 vue_（几乎）完美实现 el-table 列宽自适应__Vue.js

你可以使用 `min-width` 属性来设置表格列的最小宽度。具体实现方法如下：

1. 在表格组件中设置 `cell-style` 属性，用于设置每个单元格的样式。

<el-table
  :data="tableData"
  :cell-style="cellStyle">
  <!-- 表格列定义 -->
</el-table>

2. 在 Vue 实例中定义 `cellStyle` 方法，用于根据列的内容设置单元格的样式。

export default {
  data() {
    return {
      tableData: [
        // 表格数据
      ]
    }
  },
  methods: {
    cellStyle({ column }) {
      // 根据列的内容动态计算最小宽度
      const minWidth = column.minWidth || 100 // 设置默认最小宽度为 100 像素
      return { minWidth: `${minWidth}px` }
    }
  }
}

3. 在表格列定义中设置 `minWidth` 属性，用于设置每个列的最小宽度。

<el-table-column
  prop="name"
  label="姓名"
  :min-width="80">
</el-table-column>

这样就可以实现表格列的最小宽度自适应。注意，如果一个列的内容太长，超过了最小宽度，那么单元格的宽度会自动扩展以适应内容。