使用el-table时，如何通过css改变某一列的宽度不生效

更改 el-table 列宽度的最佳方式是使用 `fit` 属性，它会根据列的内容自动调整列宽。如果你想要手动更改某一列的宽度，可以使用 `min-width` 和 `max-width` 属性，如下：

<el-table :data="tableData" style="width: 100%">
  <el-table-column prop="name" label="姓名" width="100">
    <template slot-scope="{ row }">
      {{ row.name }}
    </template>
  </el-table-column>
  <el-table-column prop="age" label="年龄" :min-width="100" :max-width="200">
    <template slot-scope="{ row }">
      {{ row.age }}
    </template>
  </el-table-column>
  <el-table-column prop="address" label="地址">
    <template slot-scope="{ row }">
      {{ row.address }}
    </template>
  </el-table-column>
</el-table>

在上面的例子中，第二列的最小宽度为 100px，最大宽度为 200px。如果你使用 CSS 更改列宽度，可能会被 el-table 的样式覆盖，导致你的样式不生效。