What is the best solution to represent more details in tables? Version A Version BVesrion C

What is this page about.
This page contains logs (history of changes) for some rules. Imagine that admin set up a rule and then another admin modified the rule. There could be many modifications made by different admins. All the modifications will be reflected in the table. We show "when" the rule was modified, "who" modified and details ("what exactly" was modified). What is the best way to show those details if we don't have enough space in the table?

Note: User wants to compare details from one row to another.

1 Answer 1


If user wants to compare details from one row to another, option A would allow them to switch select different rows and visually compare results in the same space (the sidebar). Not so with the drawer. And the modal would be cumbersome to click, close, choose another row, close, etc.

  • Why "Version B" is not an option? User can open (expand) 2 rows and compare them just using scroll and not clicking anywhere. Aug 8, 2017 at 22:46
  • Version B doesn't work if they want to compare the top and bottom row of the table since it would be out of view.
    – nessahead
    Aug 8, 2017 at 22:51
  • well, not necessarily. Both will be visible completely or with a minimum scroll. Check this out prntscr.com/g63c5j Aug 8, 2017 at 22:56
  • Sorry if my first comment was unclear. Since the OP's image shows that the table extends beyond the view of the screen (ie, the you have to scroll to see the last row), that means that you cannot view the top row and the bottom row of the table at the same time (much less compare their details).
    – nessahead
    Aug 10, 2017 at 22:06

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.