Skip to content

[docs][data grid] Revise server-side data docs #17007

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.

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

Merged
merged 32 commits into from
May 14, 2025

Conversation

mapache-salvaje
Copy link
Contributor

@mapache-salvaje mapache-salvaje commented Mar 17, 2025

This PR thoroughly revises all 5 pages in the Data Grid's server-side data docs to bring consistency to the copy, improve the structure, style, and grammar, and provide more context and details throughout.

Part of the ongoing auditing/editing project, prioritizing Premium and Pro feature pages.

@mapache-salvaje mapache-salvaje added docs Improvements or additions to the documentation scope: data grid Changes or issues related to the data grid product type: enhancement This is not a bug, nor a new feature labels Mar 17, 2025
Copy link

github-actions bot commented Mar 17, 2025

Thanks for adding a type label to the PR! 👍

@mapache-salvaje mapache-salvaje added scope: data grid Changes or issues related to the data grid product type: enhancement This is not a bug, nor a new feature and removed scope: data grid Changes or issues related to the data grid product type: enhancement This is not a bug, nor a new feature labels Mar 17, 2025
@mapache-salvaje mapache-salvaje added docs Improvements or additions to the documentation scope: data grid Changes or issues related to the data grid product type: enhancement This is not a bug, nor a new feature and removed docs Improvements or additions to the documentation scope: data grid Changes or issues related to the data grid product type: enhancement This is not a bug, nor a new feature labels Apr 8, 2025
@mui mui deleted a comment from github-actions bot Apr 22, 2025
@mui mui deleted a comment from github-actions bot Apr 22, 2025
@mui mui deleted a comment from github-actions bot Apr 22, 2025
@mui mui deleted a comment from github-actions bot Apr 22, 2025
@mui mui deleted a comment from github-actions bot Apr 22, 2025
@mapache-salvaje mapache-salvaje marked this pull request as ready for review April 30, 2025 17:12
Comment on lines 3 to +4
- https://mui.com/x/react-data-grid/row-grouping/#disable-the-row-grouping
- https://mui.com/x/react-data-grid/server-side-data/#updating-data
Copy link
Contributor Author

@mapache-salvaje mapache-salvaje May 1, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

these are links in the MUI blog

Copy link
Member

@MBilalShafi MBilalShafi left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Really nice improvements. Great work 👏


To dynamically load tree data from the server, you must create a data source and pass the `dataSource` prop to the Data Grid, as detailed in the [Server-side data overview](/x/react-data-grid/server-side-data/).
## Server-side aggregation
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

For my knowledge, are we updating the convention here to repeat the page name as first heading? To me, it looks a bit redundant, the same text twice next to each other.

image

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

You're right, I don't love these either. I felt like the pages needed something for an h2 here, mostly for navigation purposes. I don't like repeating "Overview" or "Introduction" on every page but not sure what else to write here.

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

In such cases, directly starting relevant content below h1, like this, looks like a reasonable middle ground to me.

Obviously, we could add headings like "Introduction" or "Overview" where relevant, but trading off the duplicate heading with one less navigation link sounds a reasonable compromise, until we come up with a more concrete way to approach this.

Wdyt?

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Good call. I guess what I'm really feeling is the need for an infra solution like what Base UI has with (Top) in the TOC:

Screenshot 2025-05-09 at 6 52 43 AM

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Yes, I also had something similar in mind. That'd be nice to do on an infra level.

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

## Server-side tree data

Trees are hierarchical data structures that organize data into parent-child relationships.
The Data Grid Pro can handle server-side tree data to render grouped rows with nested children using the [Data Source layer](/x/react-data-grid/server-side-data/#the-solution-the-data-source-layer).
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I wonder if the icon is not enough to convey which plan a feature falls under. If not, should we repeat the plan information for the rest of the commercial features too?

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

That's probably a good idea. Maybe an info or success callout at the top of the Pro and Premium pages to note that they require a paid license and link to the licensing page? (I can open a separate PR to address all of the licensed feature pages together.)

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Copy link
Member

@michelengelen michelengelen left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

a single comment, but its kind of nitty, so fell free to ignore

Co-authored-by: Michel Engelen <[email protected]>
Signed-off-by: mapache-salvaje <[email protected]>
parallel description structure

Signed-off-by: mapache-salvaje <[email protected]>
@mapache-salvaje mapache-salvaje added the needs cherry-pick The PR should be auto-cherry-picked to a version branch after merge—add a version label as target label May 14, 2025
@mapache-salvaje mapache-salvaje merged commit e66e244 into mui:master May 14, 2025
23 checks passed
@mapache-salvaje mapache-salvaje removed the needs cherry-pick The PR should be auto-cherry-picked to a version branch after merge—add a version label as target label May 14, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
docs Improvements or additions to the documentation scope: data grid Changes or issues related to the data grid product type: enhancement This is not a bug, nor a new feature
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants