【ElementUI】实现el-table 列宽自适应（v-fit-columns）

在ElementUI中，实现列宽自适应可以通过el-table组件的fit属性来实现。此外，如果需要对某一列进行特定的宽度处理，可以使用width属性。

以下是一个简单的例子，展示如何使用ElementUI的el-table组件实现列宽自适应：

<template>
  <el-table :data="tableData" fit>
    <el-table-column prop="date" label="日期" width="150"></el-table-column>
    <el-table-column prop="name" label="姓名" width="150"></el-table-column>
    <el-table-column prop="address" label="地址" min-width="300"></el-table-column>
  </el-table>
</template>
 
<script>
export default {
  data() {
    return {
      tableData: [
        {
          date: '2016-05-02',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1518 弄'
        },
        // ...更多数据
      ]
    };
  }
};
</script>

在这个例子中，fit属性被添加到el-table标签上，这使得表格的列宽度会自适应地填充表格宽度的变化。每个el-table-column的width属性用于设置固定宽度，min-width属性用于设置最小宽度，以确保列宽在表格宽度不足时能够保持一定的最小显示宽度。