el-table 表头文字居中

要让el-table表头文字居中，可以在el-table标签中加入`:header-cell-style="{ 'text-align': 'center' }"`。这样可以设置表头单元格的样式使其居中显示。

例如：

<el-table :data="tableData" stripe border highlight-current-row :header-cell-style="{ 'text-align': 'center' }">
  <el-table-column label="序号" type="index" width="80"></el-table-column>
  <el-table-column prop="title" label="标题"></el-table-column>
  <el-table-column prop="num" label="数量" sortable width="100"></el-table-column>
</el-table>

如果还想让表格内容也居中显示，可以在el-table标签中加入`:cell-style="{ 'text-align': 'center' }"`。

例如：

<el-table :data="gridData" :header-cell-style="{'text-align':'center'}" :cell-style="{'text-align':'center'}">
  <el-table-column label="名称" prop="realname" align="center"></el-table-column>
</el-table>