Tabellendarstellung in schmalem Fenster
Kerry
- design/layout
0 Auge1 Gunnar Bittersmann0 Kerry
Hallo,
ich habe eine (echte) Tabelle, deren Zeilen in schmalen Display nicht komplett dargestellt werden können.
Wie kann ich ggf. eine oder mehrere Spalten fix halten und dann die übrigen durch rechts/links scrollen anzeigen?
Danke Kerry
Hallo
Hallo,
ich habe eine (echte) Tabelle, deren Zeilen in schmalen Display nicht komplett dargestellt werden können.
Wie kann ich ggf. eine oder mehrere Spalten fix halten und dann die übrigen durch rechts/links scrollen anzeigen?
Der Gunnar hat da mal was vorbereitet und ich hab's in meinen Bookjmarks wiedergefunden. :-)
Spiel mal mit der Breite des Browserfensters rum. Den Quelltext findest du über die entsprechende Ansicht im Kontextmenü des Browsers.
Tschö, Auge
Hallo
Der Gunnar hat da mal was vorbereitet und ich hab's in meinen Bookjmarks wiedergefunden. :-)
Spiel mal mit der Breite des Browserfensters rum. Den Quelltext findest du über die entsprechende Ansicht im Kontextmenü des Browsers.
danke für den Tipp.
Allerdings möchte ich nicht, dass sich die Tabelle unbedingt verschmälert.
Vielmehr sollen Spalten mit Schlüsselwerten fest bleiben und der Rest soll hin- und hergescrollt werden.
Gruß
Kerry
Hallo
Der Gunnar hat da mal was vorbereitet und ich hab's in meinen Bookjmarks wiedergefunden. :-)
danke für den Tipp.
Allerdings möchte ich nicht, dass sich die Tabelle unbedingt verschmälert.
Vielmehr sollen Spalten mit Schlüsselwerten fest bleiben und der Rest soll hin- und hergescrollt werden.
Das geht natürlich auch. Man kann thead fixieren und tbody scrollbar lassen.
Auch dafür hat hier jemand ein Beispiel gebaut, für das ich aber leider keinen Link zur Hand habe. Ob das bei schmalen Viewports noch bedienbar ist, solltest du aber unbedingt testen (lassen).
Tschö, Auge
Hallo,
ich gebe mal ein typisches Beispiel, warum nicht senkrechte Darstellung.
Der Anwender will zwei Zeilen vergleichen:
Temperatur (oder Fieberkurve)
Datum Uhrzeit
5:00 8:00 11:00 14:00 .......
9.4. 6° 6° 12° 13°
10.4. 6° 7° 10° 11°
Gruß
Kerry
@@Kerry:
nuqneH
Der Anwender will zwei Zeilen vergleichen:
Zum Vergleichen von Messwerten ist ein Diagramm vermutlich die bessere Darstellungsform als eine Tabelle mit Zahlenwerten.
Qapla'
Hi,
Der Anwender will zwei Zeilen vergleichen:
Zum Vergleichen von Messwerten ist ein Diagramm vermutlich die bessere Darstellungsform als eine Tabelle mit Zahlenwerten.
Da hätte man wohl das gleiche Problem.
Man müsste vorne die Basis dauerhaft sehen und dann nach rechts der Kurve entlang scrollen können.
Aber leider soll nun mal die Lösung so sein, wie geschildert.
Und dass dies geht, hat ja Auge geschrieben: "Das geht natürlich auch. Man kann thead fixieren und tbody scrollbar lassen."
@@Auge:
nuqneH
Man kann thead fixieren und tbody scrollbar lassen.
Kann man? In welchen Browsern?
In WebKits und Abkömmlingen war das wohl noch nie möglich. In Firefox in grauer Vergangenheit, jetzt nicht mehr.
Außerdem ging es hier doch um horizontales Scrollen, also erste colgroup fix, andere scrollen.
Qapla'
@@Kerry:
nuqneH
Wie kann ich ggf. eine oder mehrere Spalten fix halten und dann die übrigen durch rechts/links scrollen anzeigen?
Bist du sicher, dass das die beste Darstellung ist? Oder doch eher die Inhalte bei schmalem Viewport nicht nebeneinnander, sondern untereinander anzeigen, wie in diesem Beispiel.
Qapla'
Hallo,
kann man erreichen, dass im Beispiel man nicht nach unten scrollen muss um den horizontalen Scrollbalken zu sehen sondern der horizontale Scrollbalken immer sichtbar bleibt?
Danke Kerry
Om nah hoo pez nyeetz, Kerry!
kann man erreichen, dass im Beispiel man nicht nach unten scrollen muss um den horizontalen Scrollbalken zu sehen sondern der horizontale Scrollbalken immer sichtbar bleibt?
imho gar nicht.
Matthias