el-table-v2 宽度自适应

el-table-v2是Element UI中的表格组件升级版，它提供了宽度自适应的功能，使得列宽可以根据内容动态调整。当你设置了`width`属性，如果没有明确指定单位（如`px`或百分比），默认会采用一种叫做“等比例分配”（proportional分配）的方式，即列宽会按照占位符的内容长度自动调整，同时保证总宽度不会超过设定的最大值。

为了启用这个功能，你可以使用`fit`属性，将其设置为`true`，然后在数据项渲染时提供动态宽度的占位符。例如：

<template>
  <el-table :data="tableData" :fit="true">
    <el-table-column prop="name" label="姓名" width="100"></el-table-column>
    <el-table-column prop="age" label="年龄" :min-width="80" :formatter="formatWidth"></el-table-column>
  </el-table>
</template>

<script>
export default {
  methods: {
    formatWidth(row) {
      // 这里可以返回一个字符串，它的长度将作为该单元格的实际宽度
      return row.age + ' 岁';
    }
  },
  data() {
    return {
      tableData: [
        { name: '张三', age: 25 },
        { name: '李四', age: 30 }
      ]
    };
  }
};
</script>