I'm currently looking to find a solution for expanding a list item in a data table to display more information. One of the best solutions I've found thus far is done on reddit (see screenshot).

Any suggestions?

enter image description here


IMO icon itself is not enough.
You can use this icon, plus icon, standard chevron down icon, but also I suggest word "expand" next to it.

Also as this function is logically not connected with Comments, Share, or Save, margin right to those items needs to be at least double than margin between those items.

Also it is not wrong to place that icon / function on the right hand side, vertically centered as this is standard Accordion pattern.

  • thank you @xul this is helpful. Agreed, icon isn't enough to describe what can be done there.
    – zakcreate
    Dec 5 '18 at 17:38

You Can use "+" sign on right side of the data row

  • 1
    If you can please expand on this answer.
    – Mayo
    Dec 4 '18 at 14:11
  • @mayo do you have examples on in action in popular websites?
    – zakcreate
    Dec 4 '18 at 15:26

Using the "+" sign on the left is used in many commercial grid products like the Shield UI grid.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

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