Enrico: <th> einer Tabelle soll beim Scrollen immer sichtbar bleiben

Hallo,

ich gebe in Tabellenform (html-Tabelle über Javascript erzeugt) die Daten meiner DVD-Verwaltung aus.

Gibt es Möglichkeiten, den Tabellenkopf ("<th>") beim Scrollen immer sichtbar anzuzeigen, so dass er
beim Scrollen nicht "weggescrollt" wird ?

Vielen Dank für Eure Unterstützung.

Gruß
Enrico

  1. Gibt es Möglichkeiten, den Tabellenkopf ("<th>") beim Scrollen immer sichtbar anzuzeigen, so dass er
    beim Scrollen nicht "weggescrollt" wird ?

    beschäftige dich mit den elementen <http://de.selfhtml.org/html/tabellen/aufbau.htm#kopf_koerper_fuss@title=thead und tbody> sowie der css-eigenschaft http://de.selfhtml.org/css/eigenschaften/positionierung.htm#overflow@title=overflow

    1. Grüße,

      beschäftige dich mit den elementen <http://de.selfhtml.org/html/tabellen/aufbau.htm#kopf_koerper_fuss@title=thead und tbody> sowie der css-eigenschaft http://de.selfhtml.org/css/eigenschaften/positionierung.htm#overflow@title=overflow

      meinst du, man könne die höhe von tbody begrenzen und overflow:scroll einsetzen?

      irgendwie bin ich mir nciht sicher, ob tbody höhenangaben beachtet...
      MFG
      bleicher

      1. irgendwie bin ich mir nciht sicher, ob tbody höhenangaben beachtet...

        nur ein schneller versuch, firefox 2 stellt das etwa so da wie ich mir gedacht habe:

        <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"  
               "http://www.w3.org/TR/html4/loose.dtd">  
        <html>  
         <head>  
          <title>Titel</title>  
          <style type="text/css">  
           body { background: yellow; }  
          
           table {  
            width: 500px;  
           }  
          
           td, th {  
            border: 1px solid black;  
            padding: 0px;  
            margin: 0px;  
          
           }  
           thead {  
            overflow: auto;  
            }  
           tbody {  
            background: red;  
            height: 7em;  
            overflow: auto;  
           }  
          </style>  
         </head>  
           <table>  
            <thead>  
             <tr>  
              <th>1</th>  
              <th>2</th>  
              <th>3</th>  
            </thead>  
            <tbody>  
             <tr>  
              <td>foo</td>  
              <td>bar</td>  
              <td>baz</td>  
             </tr>  
             <tr>  
              <td>foo</td>  
              <td>bar</td>  
              <td>baz</td>  
             </tr>  
             <tr>  
              <td>foo</td>  
              <td>bar</td>  
              <td>baz</td>  
             </tr>  
             <tr>  
              <td>foo</td>  
              <td>bar</td>  
              <td>baz</td>  
             </tr>  
             <tr>  
              <td>foo</td>  
              <td>bar</td>  
              <td>baz</td>  
             </tr>  
             <tr>  
              <td>foo</td>  
              <td>bar</td>  
              <td>baz</td>  
             </tr>  
             <tr>  
              <td>foo</td>  
              <td>bar</td>  
              <td>baz</td>  
             </tr>  
             <tr>  
              <td>foo</td>  
              <td>bar</td>  
              <td>baz</td>  
             </tr>  
             <tr>  
              <td>foo</td>  
              <td>bar</td>  
              <td>baz</td>  
             </tr>  
            </tbody>  
           </table>  
         </body>  
        </html>
        
        1. Grüße

          nur ein schneller versuch, firefox 2 stellt das etwa so da wie ich mir gedacht habe:

          opera 9.5 nicht. bzw - WIE soll das aussehen? screenhot vllt?
          MFG
          bleicher

          1. opera 9.5 nicht. bzw - WIE soll das aussehen? screenhot vllt?

            siehs dir im firefox 2 an ;)

            1. Hallo,

              opera 9.5 nicht. bzw - WIE soll das aussehen? screenhot vllt?
              siehs dir im firefox 2 an ;)

              Im 3er läuft's auch

              mfg. Daniel

  2. Hallo Enrico,

    Gibt es Möglichkeiten, den Tabellenkopf ("<th>") beim Scrollen immer sichtbar anzuzeigen, so dass er
    beim Scrollen nicht "weggescrollt" wird ?

    browserübergreifend geht das leider nicht ohne Frames oder ohne dass man aus dem Tabellenkopf eine und aus dem Tabellenkörper eine andere Tabelle macht.

    http://aktuell.de.selfhtml.org/artikel/javascript/scrolltabelle/

    Gruß Gernot

    1. Hallo.

      browserübergreifend geht das leider nicht ohne Frames oder ohne dass man aus dem Tabellenkopf eine und aus dem Tabellenkörper eine andere Tabelle macht.

      Es ist wirklich erstaunlich, wie du mmer wieder in Threads zu deinem Lieblingsthema kurz auftauchst, um dann wieder zu verschwinden. Aber das funktioniert zumindest besser als E-Mails. Hast du meine nicht bekommen oder sie nur keiner Antwort würdig befunden?
      MfG, at