elementUI中table如何设置列宽

在 Element UI 中，你可以使用 `width` 属性来设置表格的列宽。你可以将 `width` 属性添加到 `<el-table-column>` 标签上，通过设置具体的宽度值或百分比来调整列的宽度。

下面是一个示例代码，展示如何设置表格的列宽：

<template>
  <el-table :data="tableData">
    <el-table-column prop="name" label="姓名" width="100"></el-table-column>
    <el-table-column prop="age" label="年龄" width="80"></el-table-column>
    <el-table-column prop="gender" label="性别" width="80"></el-table-column>
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { name: '张三', age: 20, gender: '男' },
        { name: '李四', age: 25, gender: '女' },
        { name: '王五', age: 30, gender: '男' },
      ],
    };
  },
};
</script>

在上述代码中，我们使用 `width` 属性来设置每个列的宽度，例如 `width="100"` 表示该列的宽度为 100px。

你可以根据自己的需求调整每个列的宽度。希望这能帮到你！如果还有其他问题，请随时提问。