使用element中的表格组件，如何使用css为表格的每一列设置宽度

要为element-ui中的表格组件的每一列设置宽度，可以使用 `:style` 绑定属性来设置每个表头和表格列的宽度。

下面是一个示例代码，展示如何使用CSS为element-ui中的表格组件设置每一列的宽度：

<template>
  <div>
    <el-table :data="tableData">
      <el-table-column
        prop="name"
        label="Name"
        :style="{ width: '200px' }">
      </el-table-column>
      
      <el-table-column
        prop="age"
        label="Age"
        :style="{ width: '100px' }">
      </el-table-column>
      
      <el-table-column
        prop="gender"
        label="Gender"
        :style="{ width: '100px' }">
      </el-table-column>
    </el-table>
  </div>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { name: 'John', age: 25, gender: 'Male' },
        { name: 'Jane', age: 30, gender: 'Female' },
        { name: 'Bob', age: 35, gender: 'Male' }
      ]
    };
  }
};
</script>

在上面的代码中，我们使用 `:style` 绑定属性为每个表头和表格列设置了固定的宽度。你可以根据需要自行调整宽度值。

在 `el-table-column` 标签中，使用 `prop` 属性指定数据对象中对应的字段名。这样，element-ui会根据指定的字段名自动渲染表格内容。

通过以上方法，你可以为element-ui的表格组件设置每一列的宽度。