焦尔蕾 发表于 2025-6-6 09:53:05

vxe-table 实现行分组增加对子集的数据统计

vxe-table 实现行分组增加对子集的数据统计
查看官网:https://vxetable.cn
gitbub:https://github.com/x-extends/vxe-table
gitee:https://gitee.com/x-extends/vxe-table
显示分组统计


通过 rowGroupConfig.showTotal 来开启分组统计,显示子集数量
<template>

    <vxe-table
      show-overflow
      height="500"
      :row-group-config="rowGroupConfig"
      :data="tableData">
      <vxe-column field="name" title="Name" min-width="300" row-group-node></vxe-column>
      <vxe-column field="role" title="Role"></vxe-column>
      <vxe-column field="sex" title="Sex"></vxe-column>
      <vxe-column field="age" title="Age"></vxe-column>
      <vxe-column field="address" title="Address"></vxe-column>
    </vxe-table>

</template>自定义分组统计


通过 rowGroupConfig.totalMethod 方法来自定义统计逻辑,返回字符
<template>

    <vxe-table
      show-overflow
      height="500"
      :row-group-config="rowGroupConfig"
      :data="tableData">
      <vxe-column field="name" title="Name" min-width="300" row-group-node></vxe-column>
      <vxe-column field="role" title="Role"></vxe-column>
      <vxe-column field="sex" title="Sex"></vxe-column>
      <vxe-column field="age" title="Age"></vxe-column>
      <vxe-column field="address" title="Address"></vxe-column>
    </vxe-table>

</template>https://gitee.com/x-extends/vxe-table

来源:程序园用户自行投稿发布,如果侵权,请联系站长删除
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!
页: [1]
查看完整版本: vxe-table 实现行分组增加对子集的数据统计