Ant Design -如何用滚动主体(y-scroll)固定底部的表汇总行

Ant Design 是一套基于 React 的企业级 UI 组件库，它提供了丰富的组件和样式，可以帮助开发者快速构建美观、易用的前端界面。

要实现滚动主体固定底部的表汇总行，可以使用 Ant Design 提供的 Table 组件和一些 CSS 样式来实现。

首先，需要将表格的主体部分设置为可滚动的，可以通过设置 Table 组件的 scroll 属性来实现，将 y 属性设置为一个具体的高度值，例如 '400px'。这样就可以使表格的主体部分出现滚动条。

接下来，需要在表格的底部添加一个表汇总行。可以通过在 Table 组件中使用 summary 属性来实现。summary 属性接受一个函数作为参数，该函数返回一个 React 组件，用于渲染表汇总行的内容。

在这个函数中，可以根据表格的数据进行计算，得出需要展示的汇总信息。然后将这些信息渲染到表汇总行中。

最后，为了使表汇总行固定在底部，可以使用 CSS 样式来设置表格的布局。可以为表格的容器元素设置一个固定高度，并将其 position 属性设置为 relative。然后为表格的主体部分设置一个固定高度，并将其 position 属性设置为 absolute，同时设置 bottom 属性为 0。这样就可以将表格的主体部分固定在底部。

总结一下，实现滚动主体固定底部的表汇总行的步骤如下：