Nested Data Table Indention

@Cooper Crosby Thanks for posting this last year. Your post was inspirational as I recently faced a similar design task.

My rebound is meant to illustrate a simpler solution to a slightly different problem. The requirements for my design task listed a need for 6 levels of hierarchy. Your task was a little more complex with further nesting under child rows.

• Expand/collapse UI is present in my table, off-screen(to right)
• Level 1 table content needs no indention or icon.
• Level 2 content is indented and a "level" icon shows hierarchy.
• Text in 1st row set at 16px, following rows set at 12px.
• Indention lines connecting parent to child felt unnecessary.

Posted on Aug 30, 2018

More by Russ Ryan

View profile