求支持行、列数据求和功能的Vue数据表格组件包
适配Vue技术栈的行列求和表格组件选型
以下是几个成熟可直接用的组件方案,都能实现你要的行、列分别求和的汇总表格效果:
- Element 系列表格
Vue3项目用Element Plus内置的ElTable,Vue2项目用Element UI内置的ElTable即可。列求和直接给组件加show-summary属性就能开启默认表尾合计行,需要自定义合计规则的话传入summary-method函数就行;行求和可以在表格列配置里加一个自定义合计列,遍历当前行的所有数值字段累加后渲染即可,上手成本很低,不需要额外引入其他依赖,是大多数项目的首选方案。 - vxe-table
专门做复杂表格的Vue专属组件库,同时兼容Vue2和Vue3,行列求和是内置功能,只需要修改配置项就能开启,不用自己写计算逻辑,还自带单元格编辑、筛选排序、表格导出这些配套功能,要是你的表格后续还有其他复杂需求,选这个最方便。 - Vuetify VDataTable
如果你项目用的是Material Design设计体系,直接用Vuetify自带的表格组件就行,支持通过插槽自定义行合计列、表尾合计行,求和规则可以自由调整,适配性很好。
内容的提问来源于stack exchange,提问作者morteza mortezaie
相关产品推荐
相关产品推荐

