Hello,
I am trying to use server-side paging in TreeList, and its implementation is a bit ... confusing.
From my understanding, when users are loading grouped data, they expect to have page size to refer to the number of groups per page, not total items.
But even if that number was based on total items, it needs to be stable and not change based on whether the group (tree parent) was expanded.
The weirdest consequence is when users open the last group on the page, they can see that the item expanded, but no items underneath. For a while, I thought it was just hidden behind the pager toolbar.
https://stackblitz.com/edit/react-9fmppn?file=app%2Fmain.jsx
Here is an example for you to try. See how the number of pages is changing when you expand the tree element.
Is there a way to implement my pager to be more user-friendly and less confusing?
Thanks.
I am trying to use server-side paging in TreeList, and its implementation is a bit ... confusing.
From my understanding, when users are loading grouped data, they expect to have page size to refer to the number of groups per page, not total items.
But even if that number was based on total items, it needs to be stable and not change based on whether the group (tree parent) was expanded.
The weirdest consequence is when users open the last group on the page, they can see that the item expanded, but no items underneath. For a while, I thought it was just hidden behind the pager toolbar.
https://stackblitz.com/edit/react-9fmppn?file=app%2Fmain.jsx
Here is an example for you to try. See how the number of pages is changing when you expand the tree element.
Is there a way to implement my pager to be more user-friendly and less confusing?
Thanks.