fixiert stehende Tabellenbeschriftung
Martin (xtomcatx)
- css
Hallo zusammen,
ich stehe gerade vor dem Problem, eine große Tabelle, die sich scrollen lässt, sinnvoll zu beschriften. Ideal wäre es, die 1.Spalte und 1.Zeile fixiert darzustellen. Das Problem bei position:fixed ist natürlich, dass die Beschriftung dann immer stehen bleibt und nicht mehr zu dem Zelleninhalt passt. Also müsste die erste Zeile beim horizontalen Scrollen mitgehen, aber beim vertikalen Scollen stehenbleiben. Die erste Spalte analog.
Ich habe jetzt schon eine Zeit lang gesucht, aber nichts wirklich hilfreiches auf dem Gebiet CSS gefunden. CSS wäre mir am liebsten, aber ich befürchte, dass CSS2 dafür nichts passendes parat hat. Ich bin auch schon über ein paar JScripts gestolpert, aber die haben ziemlich hinterhergehinkt und JS wäre eher ein Notnagel, falls sich nichts anderes findet.
Hat jemand einen Vorschlag oderr einen Link, wie man das sinnvoll realisieren kann? Wenn es über CSS nicht geht, dann auch gerne ein stabiles JS.
Viele Grüße
Martin
Hi Martin,
hast du mal einen Link damit man sich das Problem genau veranschaulichen kann? Denn mit "Ich habe eine große Tabelle" kann ich nicht viel Anfangen, man muss shcließlich auch die anderen Elemente berücksichtigen.
Wenn ich das richtig verstehe soll soll die 1. Spalte fixiert sein.
In der 1.Spalte, soll die erste Zeile fixiert sein.
Beim <--> scrollen, soll die 1. Zeile verschwinden.
Beim "hoch und runter" scrollen soll die 1. Zeile darbleiben.
Sehe ich das richtig? Bevor ich mir jetzt denn Kopf zerbreche.
Bin nochn bisschen übermüdet.
mfg
Phil Z.
Hi,
im Großen und Ganzen ist es das gleiche Problem, wie in dem Artikel von Gernot. Dort wird das Problem halt mit JavaScript und Frames gelöst.
Ein Beispiel ist diese Tabelle (nur um die Funktionsweise zu zeigen, dass das nicht optisch ansprechend ist, ist mir klar):
http://xtomcatx.de/month/6.htm
Dort sollten links die Namen sichtbar bleiben, wenn man <--> scrollt und oben die Datumsangaben etc, wenn man vertikal scrollt. Wie gesagt, idealerweise nicht mit JS, aber ich werde mit Gernots Lösung auf jeden Fall mal genauer anschauen.
Gruß Martin
Hallo Martin,
ich stehe gerade vor dem Problem, eine große Tabelle, die sich scrollen lässt, sinnvoll zu beschriften. Ideal wäre es, die 1.Spalte und 1.Zeile fixiert darzustellen. Das Problem bei position:fixed ist natürlich, dass die Beschriftung dann immer stehen bleibt und nicht mehr zu dem Zelleninhalt passt. Also müsste die erste Zeile beim horizontalen Scrollen mitgehen, aber beim vertikalen Scollen stehenbleiben. Die erste Spalte analog.
Ich habe jetzt schon eine Zeit lang gesucht, aber nichts wirklich hilfreiches auf dem Gebiet CSS gefunden.
Vielleicht hättest du auch auf dem Gebiet Javascript suchen sollen:
http://aktuell.de.selfhtml.org/artikel/javascript/scrolltabelle/index.htm
Gruß Gernot
Hallo,
Vielleicht hättest du auch auf dem Gebiet Javascript suchen sollen:
http://aktuell.de.selfhtml.org/artikel/javascript/scrolltabelle/index.htm
Gruß Gernot
genau das habe ich auch grad hier gefunden:
http://forum.de.selfhtml.org/archiv/2006/2/t123257/#m793512
Wollte es grad posten, vielen Dank. Scheinbar hatte ich vorhin bissl zu umständlich im Forum gesucht. Mit "Tabelle scrollen" bin ich grad des Öfteren auf Deinen Artikel gestoßen.
Gruß Martin
n'abend,
Hat jemand einen Vorschlag oderr einen Link, wie man das sinnvoll realisieren kann? Wenn es über CSS nicht geht, dann auch gerne ein stabiles JS.
Ich bin gestern über WebFX gestolpert. Dort gibt es ein "Widget" Grid. Das Demo sollte man sich allerdings mit dem Internet Exploder zu Gemüte führen, da normale Browser ihre Probleme mit der Verwendung von propritären Techniken haben.
weiterhin schönen abend...