Nested Child rows in Table
I previously asked ux.stackexchange to help me with how to display configuration settings for a web application.
Ways to display both string and boolean on page
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.