el-table 表头居中

要使表头居中，可以使用以下代码：

<el-table :data="tableData" style="width: 100%">
  <el-table-column label="姓名" align="center">
    <template slot-scope="scope">{{ scope.row.name }}</template>
  </el-table-column>
  <el-table-column label="年龄" align="center">
    <template slot-scope="scope">{{ scope.row.age }}</template>
  </el-table-column>
</el-table>

在 `el-table-column` 标签中添加 `align="center"` 属性即可让表头居中。

相关问题

el-table-column表头居中

可以通过设置 el-table-column 的 label 属性来实现表头居中。具体做法是在 label 中使用 HTML 标签，如下所示：

<el-table-column prop="name" label="<div style='text-align:center'>姓名</div>"></el-table-column>

其中，label 的值为一个包含居中样式的 div 标签。

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` 来让表头文字居中。