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

Kendor
  • 101
  • 1

2 Answers2

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

Abhilash
  • 173
  • 1
  • 6
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.

Paul
  • 379
  • 2
  • 3