User Experience Stack Exchange is a question and answer site for user experience researchers and experts. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

There's a table view we need to show in a Web app. It contains summaries of a company's listings on eBay.

Because of the volume of information, a standard columned table won't work - it just gets too long. Instead, I've created a mockup where some items sit on a subrow in the table.

I've explored the idea of having the additional information toggleable (see bottom row). Is there any other direction or amends you could think off? Any examples you've seen of large, complex table?

Opinions and thoughts welcome!

share|improve this question

You could use another div to display detailed information, instead of toggleing. This would "calm" the table, because the rows don't change size.

share|improve this answer
1 do a pretty good version of this with a properties box off to the right – icc97 Jan 20 '13 at 14:50

If you do have togglable rows then I'd suggest that you add some shading below the expanded row to give a clearer distinction that it is a sub-row.

e.g. (Sorry its a pretty poor screenshot) but you can see the shading beneath the row.

enter image description here

share|improve this answer

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

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