Servus!
Ich arbeite momentan an einem Projekt wo aus einer Datenbank Tabellen abgebildet werden. Diese Tabellen mit Informationen zu z.B. Personen, Projekten, ... haben bis zu 25 Spalten. Nachdem das ganze aus der Datenbank gelesen wird sind nicht bei allen Datensätze alle Spalten gleich breit. Im Grunde ist an Datentypen so ziemlich alles vertreten was es gibt: Zahlen, Ziffern, Bool-Werte, Daten (Datum, Pl.), Strings in verschiedener Länge. Gerade bei den Bool Werten habe ich auch das Problem, dass die Spaltenüberschriften recht lang sind, dadurch ist die Spalte viel breiter als sie eigentlich sein müsste, manche habe ich schon abgekürzt und einen Akronym-Tag verwendet.
Eine Idee von mir war die Spaltenüberschriften um 45° oder mehr gedreht zu machen. Geht in der Theorie ganz gut mit CSS3 und für den IE gibts ne eigene Eigenschaft. In der Praxis sieht es aber so aus, dass 1.) Die Breite der Spalte berechnet wird bevor der Text gedreht wird --> keine Platzersparnis und 2.) Der Text immer um den Mittelpunkt des <th> gedreht wird und nicht einfach "gekippt", durch die total unterschiedlichen Längen der Texte und Breite der Spalten hat das ganze ein unruhiges Bild und schaut nicht so aus wie z.B. eine Excel-Tabelle mit schrägem Tabellenkopf.
Das was ich bis jetzt umgesetzt habe ist a) ein JS um die Zeilen nach den verschiedenen Spalten zu sortieren und b) Ein CSS tr:hover damit die gesamte Zeile hervorgehoben wird wenn man mit der Maus über ein Feld fährt. Probiert habe ich schon mehr, bin aber zu nichts brauchbaren gekommen.
Was gibt es für Lösungen für so große Tabellen? Wie kann man das Formatieren um ein Maximum an Usability zu bekommen? Sogar bei einer Bildschirmbreite von 2048px braucht die größte Tabelle noch 1 1/2 Bildschirmbreiten und hat daher einen horizontalen Scrollbalken, nicht gerade übersichtlich. CSS? JS? jQuery? ...
lg
Ich arbeite momentan an einem Projekt wo aus einer Datenbank Tabellen abgebildet werden. Diese Tabellen mit Informationen zu z.B. Personen, Projekten, ... haben bis zu 25 Spalten. Nachdem das ganze aus der Datenbank gelesen wird sind nicht bei allen Datensätze alle Spalten gleich breit. Im Grunde ist an Datentypen so ziemlich alles vertreten was es gibt: Zahlen, Ziffern, Bool-Werte, Daten (Datum, Pl.), Strings in verschiedener Länge. Gerade bei den Bool Werten habe ich auch das Problem, dass die Spaltenüberschriften recht lang sind, dadurch ist die Spalte viel breiter als sie eigentlich sein müsste, manche habe ich schon abgekürzt und einen Akronym-Tag verwendet.
Eine Idee von mir war die Spaltenüberschriften um 45° oder mehr gedreht zu machen. Geht in der Theorie ganz gut mit CSS3 und für den IE gibts ne eigene Eigenschaft. In der Praxis sieht es aber so aus, dass 1.) Die Breite der Spalte berechnet wird bevor der Text gedreht wird --> keine Platzersparnis und 2.) Der Text immer um den Mittelpunkt des <th> gedreht wird und nicht einfach "gekippt", durch die total unterschiedlichen Längen der Texte und Breite der Spalten hat das ganze ein unruhiges Bild und schaut nicht so aus wie z.B. eine Excel-Tabelle mit schrägem Tabellenkopf.
Das was ich bis jetzt umgesetzt habe ist a) ein JS um die Zeilen nach den verschiedenen Spalten zu sortieren und b) Ein CSS tr:hover damit die gesamte Zeile hervorgehoben wird wenn man mit der Maus über ein Feld fährt. Probiert habe ich schon mehr, bin aber zu nichts brauchbaren gekommen.
Was gibt es für Lösungen für so große Tabellen? Wie kann man das Formatieren um ein Maximum an Usability zu bekommen? Sogar bei einer Bildschirmbreite von 2048px braucht die größte Tabelle noch 1 1/2 Bildschirmbreiten und hat daher einen horizontalen Scrollbalken, nicht gerade übersichtlich. CSS? JS? jQuery? ...
lg
Egal: Bin momentan leider unterwegs, die Seite ist in einem Intranet, also leider nur mit VPN zu erreichen :-( Ich werde aber den HTML Code posten sobald ich nicht nur mit meinem Handy online bin ;-)
