Supportnet / Forum / Webseiten/HTML
Scrollbare HTML Tabelle
Frage
Hallo,
Ist es möglich folgendes mit HTML und CSS zu realisieren.
ich bräuchte eine Tabelle mit festgelegter Höhe.
Da die Tabelle dynamisch mit Inhalten gefüllt wird kann die Höhe aber varieren.
Meine Idee, die Tabelle bekommt automatisch einen Scrollbalken sollte sie die festgelegte Höhe überschreiten.
Bin mal gespannt auf Eure Ideen zur Lösung dieses Problems.
Antwort 1 von Janka
auf folgende Lösung bin ich mal gekommen:
<div style=" height:200px;overflow:auto;">
<table ...
<div>
In der Doku steht allerdings zu der Eigenschaft "auto"
"auto = Der Web-Browser soll entscheiden, wie das Element im Konfliktfall angezeigt wird. Auch das Anbieten von Scroll-Leisten soll dabei erlaubt sein."
Versteh ich jetzt so, dass ich ich nicht darauf verlassen kann, dass der Browser immer eine scrollbare Tabelle anzeigt.
Wenn jemand eine bessere Lösung hat ....
<div style=" height:200px;overflow:auto;">
<table ...
<div>
In der Doku steht allerdings zu der Eigenschaft "auto"
"auto = Der Web-Browser soll entscheiden, wie das Element im Konfliktfall angezeigt wird. Auch das Anbieten von Scroll-Leisten soll dabei erlaubt sein."
Versteh ich jetzt so, dass ich ich nicht darauf verlassen kann, dass der Browser immer eine scrollbare Tabelle anzeigt.
Wenn jemand eine bessere Lösung hat ....
Antwort 2 von sutadur
Zitat:
Meine Idee, die Tabelle bekommt automatisch einen Scrollbalken sollte sie die festgelegte Höhe überschreiten.
Meine Idee, die Tabelle bekommt automatisch einen Scrollbalken sollte sie die festgelegte Höhe überschreiten.
Soll tatsächlich die Tabelle einen Scrollbalken bekommen? Das ist m.E. nicht möglich. Wohl aber, dass die gesamte Webseite über den Scrollbalken des Browserfensters nach oben und unten geschoben werden kann. Das passiert aber automatisch, sobald die Tabelle größer wird als das Anzeigefenster. Also brauchst Du Dir damit keine Mühe machen. Oder habe ich die Frage falsch verstanden?
Antwort 3 von rfb
Zitat:
"auto = Der Web-Browser soll entscheiden, wie das Element im Konfliktfall angezeigt wird. Auch das Anbieten von Scroll-Leisten soll dabei erlaubt sein."
in der Regel bieten die aktuellen Browser dann Scrollbalken an für das DIV, also keine Sorgen deswegen. Es sieht nur manchmal ziemlich besch... aus und lässt sich auch genauso gut bedienen!"auto = Der Web-Browser soll entscheiden, wie das Element im Konfliktfall angezeigt wird. Auch das Anbieten von Scroll-Leisten soll dabei erlaubt sein."
Antwort 4 von Dixi*
Hi, kannst deine Tabelle evtl. auch als iframe einbetten.
http://de.selfhtml.org/html/frames/anzeige/iframe.htm
http://de.selfhtml.org/html/frames/anzeige/iframe.htm
Antwort 5 von rfb
von IFrames ist eher abzuraten, die sind zT aus Sicherheitsgründen in Browsern blockiert und zudem barrierebehaftet.
Antwort 6 von JaPPe
Bau die Tabelle - wie du gesagt hast - in ein <div> mit fester Größe ein, evtl. kannst du auch eine maximale Größe angeben. Dazu dann die Eigenschaft overflow - das ist IMO das einfachste / beste.
Zu deinem 2ten Post:
Der Browser zeigt den Scroll-Balken in dem Moment an, wenn die Tabelle die festgelegte Höhe überschreitet. Manche Browser zeigen die Leiste sonst auch an, allerdings dann in Grau und deaktiviert.
Zu deinem 2ten Post:
Der Browser zeigt den Scroll-Balken in dem Moment an, wenn die Tabelle die festgelegte Höhe überschreitet. Manche Browser zeigen die Leiste sonst auch an, allerdings dann in Grau und deaktiviert.