vxe table 合计放在第一行

VxeTable 是 Vue 世界里一款功能强大的表格组件库，它来自 Element Plus 的生态系统。如果你想在 VxeTable 中将合计放在第一行，通常可以在列配置中设置总计行（totalRow）。以下是基本步骤：

1. 安装并引入 VxeTable 组件到项目中。

npm install vue-vxe-table

2. 在模板中使用 VxeTable，并配置 totalRow 属性：

<template>
  <vxe-table :data="tableData" :columns="columns" :total-row="true">
    <!-- ... 其他列配置 -->
  </vxe-table>
</template>

3. 数据准备时，包含一个特殊的数组元素表示总和行的数据，通常包含总计值和固定列头（如“总计”）：

export default {
  data() {
    return {
      tableData: [
        ... // 正常数据
        { // 总计行
          index: '总计',
          ... // 根据需要计算的总计值
        }
      ],
      columns: [
        ... // 列配置，可能需要指定索引列与总计行对应
        { field: 'index', title: '总计', isTotal: true } // 指定某列为总计列
      ]
    };
  }
};