Designideen für die Anzeige großer Datenmengen in einer HTML -Tabelle

Question

Ich habe eine HTML -Tabelle, die buchstäblich 30 Datenspalten hat, und es fällt mir schwer, sie so zu gestalten, dass sie ohne massives links/rechtes Scrollen sichtbar sein kann.

Eine Sache, die ich mich gefragt habe, ist, ob jemand jemals etwas Klugeres mit Säulenkopfzeilen gesehen hat. Einige von ihnen können einfach nicht genug abgekürzt werden, aber der Säulenheader ist so etwas wie "Interview" und der Wert ist numerisch (viel verschwendeter Raum für den Kopfball allein). Zugegeben, ich könnte versuchen, diese Spalten wie int oder was auch immer zu benennen, aber es gibt viele ähnlich benannte Spalten, die sie verwirrend werden könnten.

Vielleicht eine Art automatische Zusammenbruchsäulen basierend auf Mausbewegungen? Ich bin mir nicht sicher. Ich brauche nur einige kreative Vorschläge, wie man diese Daten anzeigt!

Answer 1

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

I would recommend showing the most fundamental columns (things like name, description, identifying numbers -- core stuff, hopefully there are only 10 of them or less), and then letting the user toggle on or off whatever columns they need. A bit like google squared.

Use Jquery and CSS to accomplish this in a clean fashion. There may also be Javascript UI libraries that do this for you (Jquery UI, YUI, others...)

Answer 2

create images for the column names and rotate the text in the image 90 degrees. you can then have a long name with equally small widths.

Josh

Answer 3

I agree with the answer from ferocious, toggling columns is a good idea. Also, depending on the data, I would recommend only having a few columns displayed, and when the user clicks on the row they are interested in, it moves to a new page dedicated to the data in that record. This will work for some types of data and not for others