Design ideas for displaying large amounts of data in an html table

Question

I have an html table that literally has 30 columns of data, and it's hard for me to compose it in such a way that it is visible without massive left / right scrolling.

One thing that I was curious about was when did anyone see anything clever with column headers? Some of them simply cannot be abbreviated enough, but the column heading is something like “Interview”, and the value is numeric (a lot of empty space for the heading alone). Of course, I could try to name these columns as INT or something else, but there are many equally named columns that can be confusing.

Maybe some kind of automatic collapsing columns based on mouse movement? Not sure. I just need some creative suggestions on how to display this data!

Answer 1

Most likely, the user will have a devil of time understanding 30 columns of data, regardless of scrolling.

I would recommend displaying the most fundamental columns (such as name, description, identification numbers - the main material, I hope there are only 10 or less), and then allows the user to turn on or off any columns that they need. A bit like a google square .

JQuery CSS, . Javascript UI, (JQuery UI, YUI, ...)

Answer 2

90 . .

Answer 3

, - . , , , , . , .