显示总结栏

场景描述

表格底部显示总结栏，运行效果如下图所示

实现思路

通过表格组件提供的添加总结栏功能实现

实现步骤

1.选中表格组件点击添加总结栏

2.在表格底部会生成跟表格上的列一一对应的一个空行

3.在需要显示内容的列中放入组件设置内容即可，如下，第一列放文本组件显示合计，最后一列放文本组件显示数据集中列的合计值

4.运行如下：

5.固定显示在表格底部，在css文件中定义如下样式

:global(.ant-table-summary){
    position: sticky !important;
    bottom: -1px !important;
    background: #ccc !important;
}