Persisting state across all detail grids.
The example below shows how to maintain a column's state between detail grids.
You can observe this by:
- Expand one detail grid.
- Modify any of the column state by sorting or changing a column width.
- Press the save button.
The next detail grid opened will look and behave the same.
Expand/Collapse all detail grids
The example below shows how to expand or collapse all details grids using setExpanded.
Filtering across detail grids
This example applies the criteria in the search field across both master and detail grids such that a match will only be returned if the value exists in both the master and detail grid.
For example, search for '000'.
Apply Quick Filter through all the detail grids
Using the quick filter the example below uses our Master/Detail feature to show how the quick filter can be applied to search child grids too.
Apply Quick Filter to Master and Detail row when either one matches search
This examples searches for matching criteria in both master and detail grids such that if the match exists in master OR detail, it will count as a match.
Vanilla JS: https://plnkr.co/edit/Ab0WS2yAaxfD4EyC
Apply Quick Filter to Master First and then Detail - if master does not match
This example searches for matching criteria in both master and detail grids.
It will first check if the criteria match with anything in the master grid, and return the whole detail grid.
If the above is not met, it will check for matches in the detail grid and return specific detail rows.
Synchronize column visibility across master and all detail grids
This example synchronizes the hiding/showing of columns. It relies on the onColumnVisible event to figure out what columns need to be toggled across all details.