Support for paginated grouped data

[offirgolan]

• what edition are you using - enterprise (for evaluation)
• version - 4.0.20

Looking at the demos and docs, it seems like server-side grouping always expects the full data set. Would it be possible to have each group be paginated and potentially use something like the pagination toolbar, infinite scrolling, or a custom "Load More..." button solution in order to load the next page of data for a specific group?

The only way I see of doing this now is by hijacking the summary row and render a load more button or something to fetch the next set of data for that group and then update the datasource accordingly. The only issue with that is that this UX will be contained to a single column and not the entire bottom row which isn't ideal.

[inovua-admin]

For pagination with grouping, the backend should return the paginated data as an array, just like for normal pagination without grouping. But obviously it should be in the correct order for grouping. Grouping is re-applied client side, since we receive a flat array and need to group/pivot/summarise it. So all rows in a group should be served consecutively, even if they are spread on multiple pages.

For adding a load more button, you could use footer rows - see this example https://reactdatagrid.io/docs/footer#customizing-the-footer

Does that help?

[offirgolan]

I see. Am I able to add a footer row for each of the groups? Im looking to do something like this:

Parent 1
  Child 1
  Child 2
  Child 3
  Load More...
Parent 2
  Child 1
  Child 2
  Child 3
  Load More...

[inovua-admin]

You can use showGroupSummaryRow

[inovua-admin]

@offirgolan Did you try the tree grid? It's a useful alternative as it has node async-loading already implemented