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-column的表头竖向排列

el-table-column的表头默认是横向排列的，如果需要竖向排列，可以通过以下步骤实现：

1. 在el-table-column标签中添加属性：label-slot-name="columnLabel"，表示表头内容将通过一个名为columnLabel的插槽来渲染。
2. 在el-table标签中添加属性：header-row-class-name="column-header"，表示表头行的类名为column-header。
3. 在页面的<style>标签或外部的css文件中，添加以下样式：

.column-header {
  writing-mode: vertical-lr; /* 竖向排列 */
  text-align: center; /* 居中 */
}

这样就可以实现el-table-column的表头竖向排列了。

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"` 属性即可让表头居中。