|
Here - I don't want to repeat the same ID, first name and last name to all the subjects so I used expand buttons. - This approach significantly reduces number of rows that are visible when all the rows are in a collapsed state. But here one drawback is that, if number of subjects are say 10, I am leaving lots of vacant space ( marked with red border ). So need better solution on this problem. Popup is one of the approach but I would prefer any better approach. |
||||
|
|
|
Maybe try having the scoring information appear as a sub-heading under the student's row when you expand it? Something like this.
You'll want to be careful to stylistically de-empasize the sub-headings so that they are obviously part of the expanded row rather looking like the start of a new table. |
|||||||||||||||||||||
|
|
Tweaking Jim's answer...
...adding a bit more distinction. Boxing in the child table, vertical lines separating columns, instead of horizontal as in the parent table. . Inspired by Tonny's comment, here's some indented examples, for your consideration:
|
|||||||||
|
|
A little bit cleaner and following @Bergi and @CoDEmanX suggestions.
Original: When you expand a row, what you have is:
As the ID, First Name and Last Name is common to all the subjects the info is repeated in each row. One way to prevent repeating those common fields, and not change the table layout is to use a single field which represents several columns. To reinforce the clarity I suggest adding the borders to each element.
|
|||||||||||||||||||||
|
