显示总结栏

场景描述

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

实现思路

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

实现步骤

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

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

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

4.运行如下：

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

    :global{
        .ant-table-wrapper .ant-table-summary{
            position: sticky;
            bottom: -1px;
            background: #ccc;
        }
    }