Code Monkey home page Code Monkey logo

Comments (9)

michelengelen avatar michelengelen commented on August 17, 2024 1

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.

michelengelen avatar michelengelen commented on August 17, 2024 1

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.

michelengelen avatar michelengelen commented on August 17, 2024

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.

bojanmitic avatar bojanmitic commented on August 17, 2024

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.

MBilalShafi avatar MBilalShafi commented on August 17, 2024

@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.

bojanmitic avatar bojanmitic commented on August 17, 2024

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.

michelengelen avatar michelengelen commented on August 17, 2024

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.

bojanmitic avatar bojanmitic commented on August 17, 2024

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.

cherniavskii avatar cherniavskii commented on August 17, 2024

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)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.