el-table合计行文字居中

在Element UI的el-table中，要实现合计行文字居中，可以通过自定义表格的slot来实现。具体步骤如下：

1. 首先，在el-table组件中添加一个slot，用于自定义合计行的内容：

<el-table :data="tableData" style="width: 100%">
  <!-- 表格列配置 -->
  <el-table-column prop="name" label="姓名"></el-table-column>
  <el-table-column prop="age" label="年龄"></el-table-column>
  
  <!-- 自定义合计行 -->
  <template slot="footer">
    <tr>
      <td style="text-align: center;">合计</td>
      <td style="text-align: center;">{{ getTotalAge() }}</td>
    </tr>
  </template>
</el-table>

2. 在自定义的合计行中，使用`style`属性设置`text-align: center;`来使文字居中对齐。

3. 在Vue实例中，定义一个方法`getTotalAge()`来计算合计行的值。

data() {
  return {
    tableData: [
      { name: '张三', age: 20 },
      { name: '李四', age: 25 },
      { name: '王五', age: 30 }
    ]
  };
},
methods: {
  getTotalAge() {
    let total = 0;
    for (let i = 0; i < this.tableData.length; i++) {
      total += this.tableData[i].age;
    }
    return total;
  }
}

这样就可以实现el-table合计行文字居中的效果了。