Ant Design 表格滚动事件

Posted 2023-02-18

【中文标题】Ant Design 表格滚动事件

【英文标题】：Ant Design Table Scroll Event

【发布时间】：2019-01-22 18:52:40

【问题描述】：

我用的是ant design table，我想固定表格的高度，当数据很大时添加滚动

antd table demo

我希望当用户滚动到表格底部时，从服务器获取更多数据。但是ant design table没有onScroll事件，我不知道用户滚动到什么时候，什么地方

我发现这些人和我有同样的问题

antd gihub

他们建议使用 refs，我使用这个 ref 解决方案，但它不起作用

gist solution

你能告诉我怎么做吗？

【参考方案1】：

这个问题应该通过两件事来解决：

使用scrollToFirstRowOnChange，每次重新渲染后保持位置一致。

在 .ant-table-body 上添加滚动事件。

【讨论】：

你能举例说明如何将滚动事件添加到ant-table-body 吗？

【参考方案2】：

您可以使用React Lazyload 并将您的组件包装在前端。如果您需要后端延迟加载，您可以查看此示例：Node.js + MongoDB example 并设置您需要为每页分发的数据量

【讨论】：

这个项目我必须使用ant design，你知道如何在表格中添加onScroll事件吗？

在 antd table 中没有找到这样的功能，我使用惰性分页而不是无限滚动来处理大数据。

是的，无限滚动就像一个现代用户界面