Comments (9)
Ah, so the parent row has a detail and children and you want to open the children tree and the detail panel as well. Gotcha!
Let me look if this is possible ... It feels like it should! Stay tuned!
from mui-x.
Hey @bojanmitic ... I am sorry that I couldn't help you any further.
Let's wait on @cherniavskii if he has an idea. Maybe he can come up with something!
from mui-x.
Hi @bojanmitic,
do you want to open the detail panels for all children at the same time?
Or should they behave like default?
from mui-x.
No, I would like to open all row children and one detail panel for that row. LIke in a photo, there is row then two children that are tree data, and under that details panel.
from mui-x.
@bojanmitic Is this similar to something you are trying to achieve: https://stackblitz.com/edit/react-mhffnh?file=Demo.tsx ?
You can open both the tree data cells and master-detail panel as well for both group rows and leaf rows.
from mui-x.
Hi @MBilalShafi,
Thank you for your answer. It is similar to what I would like, the only difference is that I would like to open both, tree data children and detail panel with one button( one click). And I would like child rows to come first and then details panel. Is that possible? BTW I have only one level of children and panel is only for parent row, children don't have panel, please check photo in the description for more details.
from mui-x.
Hey @bojanmitic I did play around a bit with the demo provided by @MBilalShafi as well and could manage to reach a bit more feature parity. The only thing I could not manage to achieve is the rendering order you need. The detail panel will always come first and the children rows will come after that. I am not sure if this is even possible to do.
Here is my example.
Would that fit your needs?
@cherniavskii would you have any idea if we can manage to restructure this?
from mui-x.
Hi @michelengelen thank you for your answer,
This seems pretty close to what I need, except as you said order of child rows and detail panel.
I guess this will be the answer, thanks again :)
from mui-x.
Hmm, I don't think it's possible to support this use case without changes in the Data Grid.
To support this, we'll need to add an option for configuring the detail panel position (top
or bottom
).
I'm adding the waiting for upvotes
label to this issue to see whether it's a popular use case.
from mui-x.
Related Issues (20)
- [TreeView] does not correctly use both focus and focus visible states HOT 2
- [data grid] Last column doesn't have a right border with `showCellVerticalBorder`/`showColumnVerticalBorder` HOT 4
- [data grid] How to implement a custom Filter Component (Modal) HOT 11
- [pickers] MobileDateTimePicker does not render UTC in time picker if UTC is selected (with DayJs) HOT 2
- [data grid] Missing optional peer dependencies HOT 1
- [data grid] 7.0 migration script exception HOT 5
- [data grid] add new slots: `columnMenuPopper`, `columnMenuPaper`, `preferencePanelPopper`, `preferencePanelPaper` HOT 6
- [x-license] MUI X Installation. Missing key. HOT 6
- [data grid] Adjust the width of Column Menu and filter modal of that filter option HOT 5
- [DatePicker] It is no longer possible to set the value of the placeholder of the field in the DatePicker component HOT 1
- [pickers] It is no longer possible to override the placeholder value HOT 11
- [fields] The input loses focus after pressing on clear button HOT 7
- [data grid] How to handle the onClose functionality of the filter panel HOT 4
- [DateRangePicker] Using SingleInputDateRangeField with readOnly=true causes unexpected UX HOT 8
- How to Add the Checkbox in the MuiDataGrid-headerFilterRow for the Checkbox HOT 3
- [data grid] Resize Data Grid Pro columns without headers (resize handler on cell borders) HOT 3
- Remove formatting of rows on hover on a grid with pinned columns [question] HOT 2
- [Missing v7 artifact in npm] HOT 3
- [data grid] How can I prevent data grid rows from formatting on hover when the grid contains pinned columns? HOT 2
- [data grid] Column definition flex doesn't work correctly with pinned columns HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from mui-x.