el-table表头文字居中对齐

在Element UI的el-table组件中，如果你想让表头的文字内容水平居中显示，你可以通过设置`cell-style`属性来实现。这个属性接受一个函数，你在函数内部可以操作单元格的样式。例如：

<template>
  <el-table
    :data="tableData"
    style="width: 100%"
  >
    <el-table-column
      prop="name"
      label="姓名"
      cell-style="text-align: center;"
    ></el-table-column>
    <!-- 其他列... -->
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { name: '张三', age: 25 },
        { name: '李四', age: 30 },
        // ...
      ]
    };
  }
};
</script>

这里的`text-align: center;`会将`name`列的文本内容居中对齐。

相关问题

el-table表头文字居中

要让 `el-table` 表头文字居中，可以通过设置 `header-align` 属性来实现。具体的实现方法如下：

<el-table :data="tableData" header-row-style="text-align:center" header-align="center">
  <el-table-column prop="name" label="姓名"></el-table-column>
  <el-table-column prop="age" label="年龄"></el-table-column>
  <el-table-column prop="gender" label="性别"></el-table-column>
</el-table>

其中，`header-align` 属性可以设置表头文字的水平对齐方式，这里设置为 `center` 即可让表头文字居中。同时，为了让表头样式更好看，还可以设置 `header-row-style` 属性来调整表头行的样式，这里通过设置 `text-align:center` 来让表头文字居中。

el-table 表头居中

你可以使用 `header-align` 属性来设置表头的对齐方式，将其设置为 `center` 即可让表头居中。示例代码如下：

<el-table :data="tableData">
  <el-table-column
    prop="name"
    label="姓名"
    header-align="center">
  </el-table-column>
  <el-table-column
    prop="age"
    label="年龄"
    header-align="center">
  </el-table-column>
</el-table>

在上面的示例中，我们将 `header-align` 属性设置为 `center`，这样表头就会居中显示。如果你想让所有表头都居中，可以将 `header-align` 属性设置在 `el-table` 组件上，如下所示：

<el-table :data="tableData" header-align="center">
  <!-- 表格列 -->
</el-table>

这样就可以让所有表头都居中显示了。