蚂蚁设计表滚动事件

时间:2018-08-15 21:05:07

标签: reactjs antd

我使用蚂蚁设计表,我想固定表的高度并在数据较大时添加滚动

antd table demo

我想当用户滚动到表的底部时,再从服务器中获取更多数据。但是蚂蚁设计表没有onScroll事件,我不知道用户何时何地滚动到

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

antd gihub

他们建议使用refs,而我使用此ref解决方案,但它不起作用

gist solution

你能告诉我怎么做吗?

2 个答案:

答案 0 :(得分:0)

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

答案 1 :(得分:0)

此问题应通过以下两种方法解决:

  1. 使用--packages,它在每次重新渲染后保持位置一致。

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

enter image description here