0

We are building a reporting/dashboarding application that mixes data visualizations with more traditional gridded tabular type presentation. In our application one can click on a chart, and drill down to a tabular representation of the same data to view the details in an old school grid.

Right now our grids don't really stand out visually.

I'm looking for some examples of visually appealing and easy to read "tables."

Would appreciate some guidance on where to find this...

P.S. below are some examples from our existing app. Looking to improve upon these presentation wise.

enter image description here

enter image description here

enter image description here

enter image description here

  • Can you show your current view ? – keshav Jun 6 '14 at 13:33
  • @keshav - I added some examples – Kendor Jun 6 '14 at 16:32
  • 1
    You might want to see my response and the relevant questions that is asked: ux.stackexchange.com/questions/42674/… – Michael Lai Jun 10 '14 at 0:27
  • 1
    Thanks Michael... this is exactly the kind of thing I was looking for. – Kendor Jun 10 '14 at 15:25
1

My answer to you would be go through CSS layouts for tables.

Though this site is a bit old it still explains the different types of table designs very well. This covers almost all the types of table designs barring what changes you can make to the colours and actions associated with it.

To really make the content stand out you can highlight on hover, or provide comparison with previous period on hover popup that disappear when off focus/ tool tips. Or you can provide side by side representation of current period and previous period columns.

This site might also give some ideas on the different table designs available in the market. Also try this one

0

You may want to try looking at Tableau. I've used their desktop app (free trial) and they have some really nice data visualization tools.

You could also check out extjs. They are not as visually compelling out of the box, but they have a lot of nice sorting and filtering tools that you can use.

Another paid option is Infragistics, who makes UI widgets.

Finally, I've personally used jQuery Data Grids, which is simple and themeable and free.

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.