javascript - 如何在顶部 antd 表中添加摘要？

Question

我可以在表格末尾添加摘要行。但我需要在顶部添加它。我怎样才能做到这一点 antd table ？

<Table
              columns={columns}
              dataSource={data}
              summary={pageData => {
                let totalWaste = 0;
                let totalBrick = 0;

                pageData.forEach(({ waste, brick }) => {
                  totalWaste += waste;
                  totalBrick += brick;
                });

                return (
                  <>
                    <thead>
                      <tr className="ant-table-row  ant-table-row-level-0">
                        <th>Summary</th>
                        <th></th>
                        <th></th>
                        <th>{totalWaste}</th>
                        <th>{totalBrick}</th>
                      </tr>
                    </thead>
                  </>
                );
              }}
            />

Answer 1

summary :正在添加到 tfoot 中，并且没有这样的选项可以使 summary 作为第一行可用，

所以我们可以不使用summary，而是进行相同的计算，并在第一个位置添加一个object来拥有原始数据。

工作演示:

---

HACKED:在标题子项中设置值以解决排序问题