Skip to content

[DataGridPro] Data source nested pagination recipe #14777

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom
Open
wants to merge 11 commits into
base: master
Choose a base branch
from
Open

[DataGridPro] Data source nested pagination recipe #14777

wants to merge 11 commits into from

Conversation

MBilalShafi
Copy link
Member

@MBilalShafi MBilalShafi commented Sep 30, 2024 •
edited
Loading

Allows the pagination of any nested level of the tree data.
A possible solution for #14527 in the userland

https://deploy-preview-14777--material-ui-x.netlify.app/x/react-data-grid/server-side-data/recipes/

In progress

  • Refine behavior with filtering, sorting, etc.
  • Check if the cache could be integrated with it it could not
  • Optional: Retain the paginationModel state for each nested level.
  • Optional: Retain unique filterModel and sortModel states for each nested level. makes more sense without it
  • List the limitations of the recipe

Follow-up

  • Implement with row grouping

@MBilalShafi MBilalShafi added component: data grid This is the name of the generic UI component, not the React module! feature: Tree data Related to the data grid Tree data feature feature: Server integration Better integration with backends, e.g. data source recipe labels Sep 30, 2024
@mui-bot
Copy link

mui-bot commented Sep 30, 2024 •
edited
Loading

Deploy preview: https://deploy-preview-14777--material-ui-x.netlify.app/

Updated pages:

Generated by 🚫 dangerJS against c1b5d60

@KenanYusuf
Copy link
Member

Looking good, noticed one issue where top level items are temporarily nested under the newly expanded row whilst the children are loading:

image
image

@github-actions GitHub Actions

This comment was marked as outdated.

Sign in to view
@github-actions github-actions bot added the PR: out-of-date The pull request has merge conflicts and can't be merged label Oct 25, 2024
@github-actions github-actions bot removed the PR: out-of-date The pull request has merge conflicts and can't be merged label Mar 15, 2025
@MBilalShafi MBilalShafi changed the title [DataGridPro] Tree data nested pagination demo [DataGridPro] Data source nested pagination demo May 7, 2025
@MBilalShafi MBilalShafi added the feature: Row grouping Related to the data grid Row grouping feature label May 7, 2025
@github-actions GitHub Actions
Copy link

github-actions bot commented May 7, 2025 •
edited
Loading

Thanks for adding a type label to the PR! 👍

@MBilalShafi MBilalShafi added the enhancement This is not a bug, nor a new feature label May 7, 2025
@MBilalShafi MBilalShafi marked this pull request as ready for review May 8, 2025 12:54
@MBilalShafi MBilalShafi requested a review from a team May 8, 2025 12:55
@MBilalShafi MBilalShafi changed the title [DataGridPro] Data source nested pagination demo [DataGridPro] Data source nested pagination recipe May 8, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Reviewers
No reviews
Assignees
No one assigned
Labels
component: data grid This is the name of the generic UI component, not the React module! enhancement This is not a bug, nor a new feature feature: Row grouping Related to the data grid Row grouping feature feature: Server integration Better integration with backends, e.g. data source feature: Tree data Related to the data grid Tree data feature recipe
Projects
None yet
Milestone
No milestone
Development

Successfully merging this pull request may close these issues.
3 participants
@MBilalShafi @mui-bot @KenanYusuf