So I have been creating a design for a table in which there is

Heading Tr1=> Roll | Name | Subjects      | Subjects | Subjects |||| | Aggregate |

Heading Tr2=>             |part|part|total|

enter image description here

Now the problem is that I don't control the part names, it's a user input. If I use the part name directly in the 2nd row then it can result in very wide columns while the data for there columns are usually 2 digit numerical numbers.

Approach I am using is that I am replacing part names by P1,P2,P3 along with info icon which on clicking show a popover containing the name and marks related to a part. As Follow: enter image description here

  • Is this for a web application?
    – jazZRo
    Feb 26, 2016 at 10:49
  • Hi @jazZRo Yes It's a web Based Application
    – Metabolic
    Feb 26, 2016 at 10:50

1 Answer 1


Keep aggregate only. Let Users drill down the information on demand for each row by either:

  • presenting details in one extra row appearing under row of choice

  • presenting details in separate table

  • presenting details in tooltip in vertical way for many parts

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

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