I previously asked ux.stackexchange to help me with how to display configuration settings for a web application.
I've followed the suggestions and updated my application (for those interested, the value column has _BOOLEAN_ as the actual value and the displayed value in that case shows "Enabled" or "Disabled" based on the enabled boolean column):
My new problem is that I would need to nest the child objects. For example, in the screenshot above, "Create Alert" would be the parent setting and "Email Module Endpoint" and "Email Template File" would be child settings. And if "Create Alert" is disabled then the child settings would be greyed out/disabled. And child settings could also have their own child settings. I'm not looking to have the rows expand and collapse. I just need to show relationships.
I would like to display it somewhat like this:
I'm currently using datatables to show the settings and it seems as though what I'm trying to do is not natively supported.
I have the database side of things figured out, but I'm having trouble with the UX side. Most of what I can find online are examples of nesting tables within tables, which is not quite what I'm trying to do.
So ultimately what I need help with is how to display the child objects. I need it to look like the second image, whereas the first image is what it looks like currently.
What should I be using to display these? Is there a way to do it with datatables or is there another way that's better?