antd table summary使用

Ant Design Table组件中的`summary`属性是用来自动生成表格的总计行或者汇总信息的。当你需要在表格底部快速了解数据的大致情况，例如求和、计数等统计结果时，可以利用这个特性。

`summary`应该是一个函数，接收当前的Table的props（包括columns，data等），并在函数内部计算你需要的汇总值。这个函数返回的结果会被渲染成一个新的行插入到表格的末尾，通常在分页和常规行之后。

例如：

import { Table } from 'antd';

const columns = [
  //...
];

const data = [
  //...
];

const summary = (props) => {
  const totalSum = props.data.reduce((sum, item) => sum + item.price, 0);
  return (
    <tr>
      <td colSpan={props.columns.length}>总计</td>
      <td>{totalSum}</td> {/* 或者其他你需要计算的列 */}
    </tr>
  );
};

ReactDOM.render(<Table columns={columns} dataSource={data} summary={summary} />, document.getElementById('root'));

在这个例子中，`summary`会计算所有行的price列总和，并显示在"总计"这一行。