Take the 2-minute tour ×
User Experience Stack Exchange is a question and answer site for user experience researchers and experts. It's 100% free, no registration required.

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!

http://cl.ly/image/40272v160W30

share|improve this question
add comment

2 Answers

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

http://dev.sencha.com/deploy/ext-4.1.0-gpl/examples/grid/binding.html

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

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
add comment

Your Answer

 
discard

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.