Tabelle mit scrollbarem Inhalt und fester Kopfzeile – SELFHTML-Forum Forum als Ergänzung zum SELFHTML-Wiki und zur Dokumentation SELFHTML https://forum.selfhtml.org/self Tabelle mit scrollbarem Inhalt und fester Kopfzeile Tue, 13 Nov 01 11:02:07 Z https://forum.selfhtml.org/self/2001/nov/13/tabelle-mit-scrollbarem-inhalt-und-fester-kopfzeile/152474#m152474 https://forum.selfhtml.org/self/2001/nov/13/tabelle-mit-scrollbarem-inhalt-und-fester-kopfzeile/152474#m152474 <p>Ich möchte eine Tabelle mit variablem Inhalt ausgeben und diesen Bereich scrollen. Das dies nicht mit NS4 funktioniert, ist mir klar, aber IE5 und NS6 genügen.<br> Die Tabelle scrollen ist kein Problem, aber die Spaltenüberschriften scrollen immer mit. Ich könnte die Spaltenüberschriften natürlich außerhalb der Tabelle angeben, aber dann muss ich feste Spaltenbreiten verwenden, da sonst die Spaltenüberschriften abhängig vom Tabelleninhalt nicht mehr passen.</p> <p>Folgendes Coding funktioniert, wenn auch mit Scrollen der Überschrift. Ich habe schon einige Varianten dazu ausprobiert, aber nix funktioniert.</p> <p><html><br> <head><br>  <title>Tabelle Demo</title><br> </head></p> <p><body><br>  <div style="height:150px; overflow:scroll"><br>   <table><br>    <thead><tr><th>kopf</th></td></thead><br>    <tfoot><tr><th>fuß</th></td></tfoot><br>    <tbody><br>     <tr><td>zeile 1 </td></tr><br>     <tr><td>zeile 2 </td></tr><br>     <tr><td>zeile 3 </td></tr><br>     <tr><td>zeile 4 </td></tr><br>     <tr><td>zeile 5 </td></tr><br>     <tr><td>zeile 6 </td></tr><br>    </tbody><br>   </table><br>  </div><br> </body><br> </html></p> Tabelle mit scrollbarem Inhalt und fester Kopfzeile Tue, 13 Nov 01 11:27:58 Z https://forum.selfhtml.org/self/2001/nov/13/tabelle-mit-scrollbarem-inhalt-und-fester-kopfzeile/152475#m152475 https://forum.selfhtml.org/self/2001/nov/13/tabelle-mit-scrollbarem-inhalt-und-fester-kopfzeile/152475#m152475 <p>Joho,  <-- das nennt sich Begruessung</p> <blockquote> <p>Ich möchte eine Tabelle mit variablem Inhalt ausgeben und diesen<br> Bereich scrollen. Das dies nicht mit NS4 funktioniert, ist mir<br> klar, aber IE5 und NS6 genügen.<br> Die Tabelle scrollen ist kein Problem, aber die<br> Spaltenüberschriften scrollen immer mit. Ich könnte die<br> Spaltenüberschriften natürlich außerhalb der Tabelle angeben,<br> aber dann muss ich feste Spaltenbreiten verwenden, da sonst die<br> Spaltenüberschriften abhängig vom Tabelleninhalt nicht mehr<br> passen.</p> </blockquote> <p>[...]</p> <p>Was du suchst, sind nicht Tabellen, sondern Frames. Der Sinn und Zweck<br> von Tabellen ist ein anderer als der von Frames.</p> <p>Gruss,<br>  CK</p> Tabelle mit scrollbarem Inhalt und fester Kopfzeile Tue, 13 Nov 01 11:40:54 Z https://forum.selfhtml.org/self/2001/nov/13/tabelle-mit-scrollbarem-inhalt-und-fester-kopfzeile/152478#m152478 https://forum.selfhtml.org/self/2001/nov/13/tabelle-mit-scrollbarem-inhalt-und-fester-kopfzeile/152478#m152478 <p>Hallo,</p> <p>ich weiss zwar nicht ob das dass wahre ist aber<br> du koenntest die Tabelle ohne Kopfzeile in eine<br> zweite Tabelle setzen</p> <p>------------------------<br> |        |       |      |    Kopfzeile<br> ------------------------<br> |[------]|[-----]|[----]|<br> ||  T   |||  T  |||  T ||    T= Text<br> |[------]|[-----]|[----]|<br> -------------------------</p> <p>Gruss<br> Sonia</p> Tabelle mit scrollbarem Inhalt und fester Kopfzeile Tue, 13 Nov 01 13:25:17 Z https://forum.selfhtml.org/self/2001/nov/13/tabelle-mit-scrollbarem-inhalt-und-fester-kopfzeile/152479#m152479 https://forum.selfhtml.org/self/2001/nov/13/tabelle-mit-scrollbarem-inhalt-und-fester-kopfzeile/152479#m152479 <p>Hallo Jürgen,</p> <p>Codebeispiel:<br> <table border="1" width="450" height="100"><br>   <tr><th>Works in IE and Mozilla</th></tr><br>   <tr><td width="450" height="100"><br>        <div style="width:100%;height:100%;overflow:auto"><br>             <script>for(i=0;i<50;i++) document.write("Many text in here... ");</script><br>        </div><br>   </td></tr><br> </table></p> <p>einen guten Artikel zum Thema Tabellen findest Du unter<br> http://www.siteexperts.com/tips/databinding/ts06/paper/dhtml_table.htm<br> http://www.siteexperts.com/forums/viewConverse.asp?d_id=6555<br> http://www.siteexperts.com/forums/viewConverse.asp?d_id=6804</p> <p>Weiteres Beispiel unter:</p> <p>http://www.geocities.com/dutch_eek1/html/colors.html</p> <p>Hth<br> Thomas Rupp</p> Tabelle mit scrollbarem Inhalt und fester Kopfzeile Tue, 13 Nov 01 17:10:30 Z https://forum.selfhtml.org/self/2001/nov/13/tabelle-mit-scrollbarem-inhalt-und-fester-kopfzeile/152483#m152483 https://forum.selfhtml.org/self/2001/nov/13/tabelle-mit-scrollbarem-inhalt-und-fester-kopfzeile/152483#m152483 <p>Hallo Jürgen!</p> <p>Was Du willst funktioniert gelaube ich nur im Mozilla. Da wäre das dann auf Dein Beispiel bezogen:</p> <p><html><br> <head><br>  <title>Tabelle Demo</title><br> </head><br> <body><br>   <table border=1><br>    <thead><tr><th>Spalte 1</th><th>Spalte 2</th></td></thead><br>    <tfoot><tr><th>Fuß 1</th><th>Fuß 2</th></td></tfoot><br>    <tbody style="height:150px; width:200px; overflow:scroll"><br>     <tr><td>zeile 1 </td><td>spalte 2 </td></tr><br>     <tr><td>zeile 2 </td><td>spalte 2 </td></tr><br>     <tr><td>zeile 3 </td><td>spalte 2xxxxxxxx </td></tr><br>     <tr><td>zeile 4 </td><td>spalte 2 </td></tr><br>     <tr><td>zeile 5 </td><td>spalte 2 </td></tr><br>     <tr><td>zeile 6 </td><td>spalte 2 </td></tr><br>    </tbody><br>   </table><br> </body><br> </html></p> <p>Viele Grüße,<br> Sönke</p> Tabelle mit scrollbarem Inhalt und fester Kopfzeile Tue, 13 Nov 01 12:45:56 Z https://forum.selfhtml.org/self/2001/nov/13/tabelle-mit-scrollbarem-inhalt-und-fester-kopfzeile/152476#m152476 https://forum.selfhtml.org/self/2001/nov/13/tabelle-mit-scrollbarem-inhalt-und-fester-kopfzeile/152476#m152476 <p>Tach auch,</p> <blockquote> <p>Was du suchst, sind nicht Tabellen, sondern Frames. Der Sinn und Zweck<br> von Tabellen ist ein anderer als der von Frames.</p> </blockquote> <p>Interpretationssache. In der HTML 4.01 spec steht unter <a href="http://www.w3.org/TR/html4/struct/tables.html#h-11.2.3" rel="nofollow noopener noreferrer">http://www.w3.org/TR/html4/struct/tables.html#h-11.2.3</a> folgendes:</p> <p>"Table rows may be grouped into a table head, table foot, and one or more table body sections, using the THEAD, TFOOT and TBODY elements, respectively. This division enables user agents to support scrolling of table bodies independently of the table head and foot. When long tables are printed, the table head and foot information may be repeated on each page that contains table data."</p> <p>Insbesondere den zweiten Satz kann man so interpretieren dass die Kopf- und Fusszeile beim scrollen feststehend bleiben sollen (z.B. weil sie die Spaltenbezeichnungen enthalten) waehrend nur die Daten im Hauptteil (sofern dieser laenger als eine Bildschirmseite ist) scrollen.</p> <p>Im Prinzip so aehnlich wie in einer Tabellenkalkulation wo man eine Kopfzeile eingeben kann, die beim Scrollen feststeht oder beim Drucken auf jeder Seite ausgegeben wird.</p> <p>Nur gibt es meines Wissens keinen Browser bei dem das implementiert ist, ich frage mich auch wie das ueberhaupt gehen sollte. Angenommen ich bin auf einer Seite die eine Tabelle enthaelt, woher weiss der Browser ob ich die Tabelle oder die Seite scrollen will?</p> <p>Gruss,<br> Armin</p> Tabelle mit scrollbarem Inhalt und fester Kopfzeile Tue, 13 Nov 01 15:12:02 Z https://forum.selfhtml.org/self/2001/nov/13/tabelle-mit-scrollbarem-inhalt-und-fester-kopfzeile/152477#m152477 https://forum.selfhtml.org/self/2001/nov/13/tabelle-mit-scrollbarem-inhalt-und-fester-kopfzeile/152477#m152477 <p>Hallo Armin,<br> Du hast mein Problem genau erkannt.<br> Der Browser hat allerdings keine Problem, zu erkennen, was gescrollt werden soll. Ein meinem Beispiel funktioniert es ja, wenn auch die Kopfzeilen mitscrollen. Die Tabelle hat ja einen eigenen Scrollbalken.</p> <p>Gruß</p> <p>Jürgen</p> Tabelle mit scrollbarem Inhalt und fester Kopfzeile Tue, 13 Nov 01 15:26:44 Z https://forum.selfhtml.org/self/2001/nov/13/tabelle-mit-scrollbarem-inhalt-und-fester-kopfzeile/152480#m152480 https://forum.selfhtml.org/self/2001/nov/13/tabelle-mit-scrollbarem-inhalt-und-fester-kopfzeile/152480#m152480 <p>Hallo Thomas,<br> Danke für deine Bemühungen, aber ich fürchte, für mein Problem gibt es keine Lösung.<br> Alle Beipspiele laufen darauf hinaus, nur innerhalb einer Tabellenzelle zu scrollen oder die Überschrift steht außerhalb der Tabelle.<br> In beiden Fällen habe ich das Problem, dass die Spalten der Überschrift nicht zu den Spalten des TBODY passen. (Außer ich gebe die Spaltenbreite fix an, aber das möchte ich nicht, da die Inhalte variabel sind).</p> <p>Ich hatte es mir ähnlich wie in dem Beispiel vorgestellt, nur eben ohne vertikal scrollende THEAD.</p> <p>Gruß</p> <p>Jürgen</p> Tabelle mit scrollbarem Inhalt und fester Kopfzeile Tue, 13 Nov 01 15:28:44 Z https://forum.selfhtml.org/self/2001/nov/13/tabelle-mit-scrollbarem-inhalt-und-fester-kopfzeile/152481#m152481 https://forum.selfhtml.org/self/2001/nov/13/tabelle-mit-scrollbarem-inhalt-und-fester-kopfzeile/152481#m152481 <p>Zusatz: ich habe Tabellen mit vielen Spalten.</p> <p>einfaches Beispiel:<br> <html><br> <head><br>  <title>Tabelle Demo</title><br> </head><br> <body><br>   <div style="height:150px; width:200px; overflow:scroll"><br>   <table border=1><br>    <thead><tr><th>Spalte 1</th><th>Spalte 2</th></td></thead><br>    <tfoot><tr><th>Fuß 1</th><th>Fuß 2</th></td></tfoot><br>    <tbody><br>     <tr><td>zeile 1 </td><td>spalte 2 </td></tr><br>     <tr><td>zeile 2 </td><td>spalte 2 </td></tr><br>     <tr><td>zeile 3 </td><td>spalte 2xxxxxxxx </td></tr><br>     <tr><td>zeile 4 </td><td>spalte 2 </td></tr><br>     <tr><td>zeile 5 </td><td>spalte 2 </td></tr><br>     <tr><td>zeile 6 </td><td>spalte 2 </td></tr><br>    </tbody><br>   </table><br>  </div><br> </body><br> </html></p> Tabelle mit scrollbarem Inhalt und fester Kopfzeile Tue, 13 Nov 01 19:16:48 Z https://forum.selfhtml.org/self/2001/nov/13/tabelle-mit-scrollbarem-inhalt-und-fester-kopfzeile/152482#m152482 https://forum.selfhtml.org/self/2001/nov/13/tabelle-mit-scrollbarem-inhalt-und-fester-kopfzeile/152482#m152482 <p>Hallo Jürgen,</p> <p>geh' mal auf http://www.ibmlink.ibm.com/usalets&parms=H_301-206<br> und sieh Dir das "floating TOC" auf der linken Seite an.<br> So was ähnliches hab ich mal irgendwo für Dein Tabellenproblem gesehen.<br> Solange der Tabellenheader auf der Seite platziert ist, passiert gar nichts. Erst wenn Du weiter runter scrollst und der Header eigentlich am oberen Rand verschwinden würde, rückt er wie in obigem Beispiel nach.<br> Wäre das was für Dich?<br> Falls ja, würde ich die Suche nach diesem Ding starten (falls Alzheimer's Alois nichts dagegen hat).</p> <p>Gruß<br> Thomas</p> thead, tfoot, tbody Tue, 13 Nov 01 19:00:33 Z https://forum.selfhtml.org/self/2001/nov/13/tabelle-mit-scrollbarem-inhalt-und-fester-kopfzeile/152484#m152484 https://forum.selfhtml.org/self/2001/nov/13/tabelle-mit-scrollbarem-inhalt-und-fester-kopfzeile/152484#m152484 <p>Hallo Sönke,</p> <blockquote> <p>Was Du willst funktioniert gelaube ich nur im Mozilla. Da wäre das dann auf Dein Beispiel bezogen:</p> </blockquote> <p>eben dieses Beispiel hat mich darauf gebracht mal zu schauen, welche<br> Browser thead, tfoot und tbody korrekt unterstützen.</p> <p><a href="http://de.selfhtml.org/html/tabellen/aufbau.htm#kopf_koerper_fuss" rel="nofollow noopener noreferrer">http://de.selfhtml.org/html/tabellen/aufbau.htm#kopf_koerper_fuss</a><br> <a href="http://www.w3.org/TR/html401/struct/tables.html#h-11.2.3" rel="nofollow noopener noreferrer">http://www.w3.org/TR/html401/struct/tables.html#h-11.2.3</a></p> <p>Mozilla unterstützt das folgende Beispiel korrekt:</p> <p><html><head><title>test</title></head><body><br> <table><br> <thead><tr><th>thead</th></tr></thead><br> <tfoot><tr><th>tfoot</th></tr></tfoot><br> <tbody><br> <tr><td>tbody</td></tr><tr><td>tbody</td></tr><tr><td>tbody</td></tr><tr><td>tbody</td></tr><tr><td>tbody</td></tr><br> <tr><td>tbody</td></tr><tr><td>tbody</td></tr><tr><td>tbody</td></tr><tr><td>tbody</td></tr><tr><td>tbody</td></tr><br> <tr><td>tbody</td></tr><tr><td>tbody</td></tr><tr><td>tbody</td></tr><tr><td>tbody</td></tr><tr><td>tbody</td></tr><br> <tr><td>tbody</td></tr><tr><td>tbody</td></tr><tr><td>tbody</td></tr><tr><td>tbody</td></tr><tr><td>tbody</td></tr><br> <tr><td>tbody</td></tr><tr><td>tbody</td></tr><tr><td>tbody</td></tr><tr><td>tbody</td></tr><tr><td>tbody</td></tr><br> <tr><td>tbody</td></tr><tr><td>tbody</td></tr><tr><td>tbody</td></tr><tr><td>tbody</td></tr><tr><td>tbody</td></tr><br> <tr><td>tbody</td></tr><tr><td>tbody</td></tr><tr><td>tbody</td></tr><tr><td>tbody</td></tr><tr><td>tbody</td></tr><br> <tr><td>tbody</td></tr><tr><td>tbody</td></tr><tr><td>tbody</td></tr><tr><td>tbody</td></tr><tr><td>tbody</td></tr><br> <tr><td>tbody</td></tr><tr><td>tbody</td></tr><tr><td>tbody</td></tr><tr><td>tbody</td></tr><tr><td>tbody</td></tr><br> <tr><td>tbody</td></tr><tr><td>tbody</td></tr><tr><td>tbody</td></tr><tr><td>tbody</td></tr><tr><td>tbody</td></tr><br> <tr><td>tbody</td></tr><tr><td>tbody</td></tr><tr><td>tbody</td></tr><tr><td>tbody</td></tr><tr><td>tbody</td></tr><br> <tr><td>tbody</td></tr><tr><td>tbody</td></tr><tr><td>tbody</td></tr><tr><td>tbody</td></tr><tr><td>tbody</td></tr><br> <tr><td>tbody</td></tr><tr><td>tbody</td></tr><tr><td>tbody</td></tr><tr><td>tbody</td></tr><tr><td>tbody</td></tr><br> <tr><td>tbody</td></tr><tr><td>tbody</td></tr><tr><td>tbody</td></tr><tr><td>tbody</td></tr><tr><td>tbody</td></tr><br> <tr><td>tbody</td></tr><tr><td>tbody</td></tr><tr><td>tbody</td></tr><tr><td>tbody</td></tr><tr><td>tbody</td></tr><br> <tr><td>tbody</td></tr><tr><td>tbody</td></tr><tr><td>tbody</td></tr><tr><td>tbody</td></tr><tr><td>tbody</td></tr><br> <tr><td>tbody</td></tr><tr><td>tbody</td></tr><tr><td>tbody</td></tr><tr><td>tbody</td></tr><tr><td>tbody</td></tr><br> <tr><td>tbody</td></tr><tr><td>tbody</td></tr><tr><td>tbody</td></tr><tr><td>tbody</td></tr><tr><td>tbody</td></tr><br> <tr><td>tbody</td></tr><tr><td>tbody</td></tr><tr><td>tbody</td></tr><tr><td>tbody</td></tr><tr><td>tbody</td></tr><br> <tr><td>tbody</td></tr><tr><td>tbody</td></tr><tr><td>tbody</td></tr><tr><td>tbody</td></tr><tr><td>tbody</td></tr><br> </tbody><br> </table><br> </body><br> </html></p> <p>Soll ich jetzt sagen, dass ich angenehm überrascht bin oder das ich<br> es erwartet hatte? ;-)</p> <p>BTW habe ich da gleich auch mal eine "Fehlermeldung" zu SELFHTML 8.0<br> geschrieben, weil der imho wesentliche Aspekt nicht erwähnt wird:<br> "When long tables are printed, the table head and foot information<br> may be repeated on each page that contains table data."</p> <p>Viele Grüße,<br> Stefan</p> Tabelle mit scrollbarem Inhalt und fester Kopfzeile Wed, 14 Nov 01 09:51:18 Z https://forum.selfhtml.org/self/2001/nov/13/tabelle-mit-scrollbarem-inhalt-und-fester-kopfzeile/152485#m152485 https://forum.selfhtml.org/self/2001/nov/13/tabelle-mit-scrollbarem-inhalt-und-fester-kopfzeile/152485#m152485 <p>Hallo Sönke,<br> dein Beispiel ist genau das, was ich suche.<br> Es funktioniert mit NS 6.2, leider nicht mit NS4, IE5, IE6.<br> Na ja, wer mit Browsern obskurer Hersteller arbeitet, die sich nicht an die Vorschläge des W3-Konsortiums halten ....</p> <blockquote> <p><html><br> <head><br> <title>Tabelle Demo</title><br> </head><br> <body><br>   <table border=1><br>    <thead><tr><th>Spalte 1</th><th>Spalte 2</th></td></thead><br>    <tfoot><tr><th>Fuß 1</th><th>Fuß 2</th></td></tfoot><br>    <tbody style="height:150px; width:200px; overflow:scroll"><br>     <tr><td>zeile 1 </td><td>spalte 2 </td></tr><br>     <tr><td>zeile 2 </td><td>spalte 2 </td></tr><br>     <tr><td>zeile 3 </td><td>spalte 2xxxxxxxx </td></tr><br>     <tr><td>zeile 4 </td><td>spalte 2 </td></tr><br>     <tr><td>zeile 5 </td><td>spalte 2 </td></tr><br>     <tr><td>zeile 6 </td><td>spalte 2 </td></tr><br>    </tbody><br>   </table><br> </body><br> </html></p> </blockquote> <p>Danke</p> <p>Jürgen</p>