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!


2 Answers 2


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


  • 1
    rememberthemilk.com do a pretty good version of this with a properties box off to the right
    – icc97
    Jan 20, 2013 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

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.