Please, is there some way to make dxlist infinite scroll works
https://codesandbox.io/p/sandbox/list-with-infinite-scrool-and-group-d3hs6v
dxList - How to make infinite scroll work
Answers approved by DevExpress Support
Hello,
Thank you for the CodeSandBox sample.
The DataSource.paginate property defaults to false when group is set. Change this property to true to activate paging and permit infinite scrolling in the component.
Note: If group is set, the pageSize value represents the number of groups per page. In your sample, there are only three groups (category 1, category 2, and category 3), so the infinite scrolling functionality will not be evident even if you activate paging. I have modified your sample to better illustrate this functionality: CodeSandbox.
Please let me know if you need further assistance.
Comments
(2)
I understand, but my issue is that when a group contains many items, as in your example, the group items are not paginated.
In your example, there's one group for one item. However, imagine having one group with thousands of items. How would you resolve that?
Hello,
Thank you for your response.
dxList does not support paging at the item level when you use a grouped list. There is no option to modify this behavior. I recommend you use dxDataGrid instead. This component supports grouping and infinite scrolling.
Configure its remoteOperations property to delegate data processing operations (grouping, paging) to the server. To make the grid look like dxList, use one column and disable showBorders and showColumnHeaders properties.
Please let me know if you have further questions.