GitLab

ant在 Summary的处理上并没有那么智能，需要自己去维护使用情况。

场景

代码

当我们的代码如上图所示时，里面有几个关键词

• 第一个V2Table.Summary.Cell有个 colSpan={2} 参数
• ['branchCompanyName', 'status', 'permissions'] 这三个字段不需要显示数据，会显示空数据
• defaultColumns的长度直接来遍历

出现的问题

如图所示，右下角有一处空白，这是为什么？
其实是因为总计栏的项数和列表列的项数不相等导致的。总计栏的项数少于列表项的数量

如何解决

总列数是 defaultColumns.length, 由于['branchCompanyName', 'status', 'permissions']过滤掉了3个字段，我们就需要补充3个空的Table.Summary.Cell
但是由于 'permissions' 是右侧悬浮数据，实际上我们就只需要补充2个空的了。
再由于第一个V2Table.Summary.Cell设置了colSpan，所以我们只需要补充 2-1 = 1个即可。
最后，因为我们使用了 V2table的 自使用占位td，需要再补充一个 V2Table.Summary.Cell。所以最终我们需要补充的数量为：
3 - 1 - 1 + 1 = 2个。最终代码如下图：

新增的数据，key和index应该怎么设置？

很简单，只要我们牢记最后一个就是key={defaultColumns.length} index={defaultColumns.length}, 然后依次向前累加即可

总结

ant的总计栏计算非常复杂，他的内部并没有去做计算累加，是完全托管给外部统计的，所以比较辛苦，需要自行去计算尝试。
如果你得空列数量不足，他在滚动出现时，也可能会出现如下样式