antd vue table第一列名称表头不要,最后一行写数据的总值

你可以使用 `showHeader` 属性来控制表格的表头是否显示，将其设置为 `false` 即可隐藏第一列的表头。例如：

<template>
  <div>
    <a-table :columns="columns" :dataSource="dataSource" :showHeader="false">
      <template #footer>
        <a-table-row>
          <a-table-cell></a-table-cell>
          <a-table-cell>Total</a-table-cell>
          <a-table-cell>{{ total }}</a-table-cell>
        </a-table-row>
      </template>
    </a-table>
  </div>
</template>

<script>
export default {
  data() {
    return {
      columns: [
        {
          title: 'Name',
          dataIndex: 'name',
        },
        {
          title: 'Age',
          dataIndex: 'age',
        },
        {
          title: 'Address',
          dataIndex: 'address',
        },
      ],
      dataSource: [
        {
          key: '1',
          name: 'John Brown',
          age: 32,
          address: 'New York No. 1 Lake Park',
        },
        {
          key: '2',
          name: 'Jim Green',
          age: 42,
          address: 'London No. 1 Lake Park',
        },
        {
          key: '3',
          name: 'Joe Black',
          age: 32,
          address: 'Sidney No. 1 Lake Park',
        },
      ],
    };
  },
  computed: {
    total() {
      return this.dataSource.reduce((acc, curr) => acc + curr.age, 0);
    },
  },
};
</script>

在上述代码中，我们将 `showHeader` 属性设置为 `false`，并在模板中使用 `#footer` 插槽来添加表格的底部行。在底部行中，我们使用 `a-table-cell` 组件来添加单元格。最后一列中，我们使用计算属性 `total` 来计算所有数据中 `age` 字段的总和。