el-table单独设置表头宽度列宽度

在Element UI中的`el-table`组件中，如果你想单独设置表头和列的宽度，可以使用`row-key`属性、`props`属性以及`columns`数组。以下是一个基本的例子：

<template>
  <el-table
    :data="tableData"
    :row-key="getRowKey"
    style="width: 100%">
    <el-table-column
      prop="name"          <!-- 属性名 -->
      label="姓名"        <!-- 表头显示的文字 -->
      width="150px"       <!-- 设置列宽，单位是px -->
    />
    <el-table-column
      prop="age"
      label="年龄"
      width="100px"
    />
    <!-- 更多列... -->
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        // 表格数据...
      ],
      getRowKey(item) {   // 如果有复杂的数据结构，需要提供一个唯一标识
        return item.id;
      }
    };
  }
};
</script>

在这个例子中，`width`属性用于设置列的固定宽度。如果你希望表头的宽度也自适应，通常不需要特别设置，因为Element UI会自动调整表头的大小以便容纳列标题。

如果需要动态调整宽度，例如响应式的布局，你可以通过计算属性或者监听窗口大小变化来改变`columns`中的宽度值。