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]