Skip to content

Commit 9d43077

Browse files
mapache-salvajeMBilalShafi
authored andcommitted
[docs][data grid] Revise the Row Grouping doc (#16217)
Signed-off-by: Sam Sycamore <71297412+mapache-salvaje@users.noreply.github.com> Signed-off-by: mapache-salvaje <71297412+mapache-salvaje@users.noreply.github.com> Co-authored-by: Sam Sycamore <71297412+samuelsycamore@users.noreply.github.com> Co-authored-by: Bilal Shafi <bilalshafidev@gmail.com>
1 parent 22335bb commit 9d43077

File tree

7 files changed

+135
-128
lines changed

7 files changed

+135
-128
lines changed

docs/.link-check-errors.txt

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,3 @@
11
Broken links found by `docs:link-check` that exist:
22

3-
- https://mui.com/x/react-tree-view/quickstart/#rich-tree-view
4-
- https://mui.com/x/react-tree-view/quickstart/#simple-tree-view
3+
- https://mui.com/x/react-data-grid/row-grouping/#disable-the-row-grouping

docs/data/data-grid/row-grouping/RowGroupingPropagateSelection.js

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -41,7 +41,7 @@ export default function RowGroupingPropagateSelection() {
4141
}
4242
/>
4343
}
44-
label="Auto select descendants"
44+
label="Auto-select descendants"
4545
/>
4646
<FormControlLabel
4747
control={
@@ -55,7 +55,7 @@ export default function RowGroupingPropagateSelection() {
5555
}
5656
/>
5757
}
58-
label="Auto select parents"
58+
label="Auto-select parents"
5959
/>
6060
</Stack>
6161
<div style={{ height: 400 }}>

docs/data/data-grid/row-grouping/RowGroupingPropagateSelection.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -43,7 +43,7 @@ export default function RowGroupingPropagateSelection() {
4343
}
4444
/>
4545
}
46-
label="Auto select descendants"
46+
label="Auto-select descendants"
4747
/>
4848
<FormControlLabel
4949
control={
@@ -57,7 +57,7 @@ export default function RowGroupingPropagateSelection() {
5757
}
5858
/>
5959
}
60-
label="Auto select parents"
60+
label="Auto-select parents"
6161
/>
6262
</Stack>
6363
<div style={{ height: 400 }}>

docs/data/data-grid/row-grouping/row-grouping.md

Lines changed: 123 additions & 115 deletions
Large diffs are not rendered by default.

docs/data/data-grid/server-side-data/tree-data.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -75,8 +75,8 @@ The demo below shows a toast apart from the default error message in the groupin
7575
7676
## Group expansion
7777
78-
The idea behind the group expansion is the same as explained in the [Row grouping](/x/react-data-grid/row-grouping/#group-expansion) section.
79-
The difference is that the data is not initially available and is fetched automatically after the Data Grid is mounted based on the props `defaultGroupingExpansionDepth` and `isGroupExpandedByDefault` in a waterfall manner.
78+
Group expansion of server-side tree data works similarly to how it's described in [Row grouping—Group expansion](/x/react-data-grid/row-grouping/#group-expansion).
79+
The difference is that the data is not initially available and is fetched automatically after the Data Grid is mounted based on the props `defaultGroupingExpansionDepth` and `isGroupExpandedByDefault()` in a waterfall manner.
8080
8181
The following demo uses `defaultGroupingExpansionDepth={-1}` to expand all levels of the tree by default.
8282

docs/data/data-grid/tree-data/tree-data.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -85,11 +85,11 @@ If you want to access the grouping column field, for instance, to use it with co
8585

8686
## Group expansion
8787

88-
Same behavior as for the [Row grouping](/x/react-data-grid/row-grouping/#group-expansion).
88+
Group expansion for tree data works similarly to how it's described in [Row grouping—Group expansion](/x/react-data-grid/row-grouping/#group-expansion).
8989

90-
## Automatic parents and children selection
90+
## Automatic parent and child selection
9191

92-
Same behavior as for the [Row grouping](/x/react-data-grid/row-grouping/#automatic-parents-and-children-selection).
92+
The behavior for automatic parent and child selection is the same as for row grouping—see [the relevant section](/x/react-data-grid/row-grouping/#automatic-parent-and-child-selection) in that feature's documentation for details.
9393

9494
## Gaps in the tree
9595

docs/src/modules/components/WhatsNewLayout.js

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -28,8 +28,8 @@ const entries = [
2828
url: '/x/react-data-grid/row-spanning/',
2929
},
3030
{
31-
title: 'Data Grid – Automatic parents and children selection',
32-
url: '/x/react-data-grid/row-grouping/#automatic-parents-and-children-selection',
31+
title: 'Data Grid – Automatic parent and child selection',
32+
url: '/x/react-data-grid/row-grouping/#automatic-parent-and-child-selection',
3333
},
3434
{
3535
title: 'Date and Time Pickers – Support date-fns v4',

0 commit comments

Comments
 (0)