ant-design-vue table表格合计行的实现

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ant-design-vue table表格合计行的实现相关的知识,希望对你有一定的参考价值。

参考技术A 新接手的一个项目 是基于ant-design-vue admin的开发,当需求要实现类似elementUI的合计行效果时,发现提供的API不支持,然后写了这个组件,也当练基础了

思路要点有

另外,在实现过程中发现:showHeader="false"这个属性在s-table中不起作用,查看源码发现是props传递的时候出了问题
将s-table组件 render方法中

改为

后解决问题

以上是关于ant-design-vue table表格合计行的实现的主要内容,如果未能解决你的问题,请参考以下文章

ant design V3 实现table表格 添加底部合计行

ant design V3 实现table表格 添加底部合计行

antd - react table表格需要展示合计行

Jquery 计算表格某一列的合计

vue如何获取表格某行数据

el-table合计行summary的位置