ant-table 表尾合计行

Ant Design Vue2没有提供表位合计行的API，但可以手动实现。可以在表格组件中添加一个表尾合计行的渲染函数，在该函数中计算每一列需要合计的值，并将其展示在表位合计行中。

您可以参考以下代码示例来实现表位合计行：

<template>
  <a-table :columns="columns" :data-source="dataSource" class="j-table-force-nowrap">
    <template slot="footer">
      <tr>
        <td v-for="column in columns" :key="column.dataIndex">
          <span v-if="column.dataIndex === 'columnNameToSum'">{{ sumOfColumn(column.dataIndex) }}</span>
          <span v-else></span>
        </td>
      </tr>
    </template>
  </a-table>
</template>

<script>
export default {
  data() {
    return {
      columns: [
        // 列配置项
      ],
      dataSource: [
        // 表格数据
      ]
    };
  },
  methods: {
    sumOfColumn(columnName) {
      let sum = 0;
      this.dataSource.forEach(row => {
        sum += row[columnName];
      });
      return sum;
    }
  }
};
</script>

上述代码中，通过在表格组件的`footer`插槽中渲染一个表位合计行。在每个单元格中，通过`sumOfColumn`方法计算`columnNameToSum`列的合计值，并展示在表位合计行中。