If i have a grid view like this and i have to add more columns one as link button and one for notes (text) .the table is full of data how to handle this problem:

enter image description here

  • Did you have any additional questions that we didn't address in our responses? – maxathousand May 26 '16 at 19:47

You could have a "More details" button/link that opens a modal window with additional fields.


download bmml source – Wireframes created with Balsamiq Mockups

Clicking on "More details" would open a popup similar to the one below.


download bmml source

  • What about if i want to add more actions not just info – Anyname Donotcare May 12 '16 at 9:40
  • @AnynameDonotcare Modals can house all sorts of content: data, media, files, interactive tools, games, etc... You could have an "Actions" section in your modal that contains all available actions you can do with a particular piece of data. – maxathousand May 12 '16 at 13:25
  • @AnynameDonotcare Maybe you could change the term "More details..." to say something else, but this is the way I would implement this. It effectively shows only the most important information/actions upfront, then hides the additional information/actions in the modal to avoid excessive clutter in the table. – maxathousand May 12 '16 at 14:46

What is shocking in your design is that 40% of the space is taken by action button and not by the main information.

The buttons are taking to much space. Promote the content, not the tools.

Some icons are very generic and don't need explanation. I don't speak Arabic but I can tell that the first button is "edit", second is "print", third "validate", fourth "settings" or "batch". Display only the icon and remove the text.

Place the primary / most used icons first and directly accessible, place the rest into a more menu (like said maxathousand).

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.