CSS Fixed-Header-Tabelle in ie

Question

kann mir jemand helfen mit dem Erstellen von festen Kopfzeilen auf einer Tabelle mit nur css (keine js). Es muss dynamische Daten unterstützen, da die Spaltengrößen von einer Datenbank stammen. Muss nur in ie7/8 arbeiten. Prost

Answer 1

Wenn Sie sich für JS entscheiden (da ich ziemlich sicher bin, dass dies mit reinem CSS kaum möglich ist), können Sie versuchen, meine script. Siehe eine demo. Es ist Cross-Browser und für die Leistung optimiert.

Answer 2

Klingt für mich wie Sie versuchen, eine Tabelle zu erstellen, wo Sie scrollthe Körperteil und die erste (Kopf-) Zeile nicht verschieben können. Dies kann getan werden, indem Sie eine Tabelle mit der Kopfzeile und eine zweite innerhalb einer <div style="max-height: 400px; overflow: auto;"> - beachten Sie, dass dies nur mit Spalten mit fester Breite funktioniert, es sei denn, Sie verwenden JavaScript.

Wenn dies nicht das ist, was Sie erreichen möchten, ignorieren Sie bitte diesen Beitrag.

Answer 3

Also das ist, was ich dachte:

<table> 
    <thead> 
     <tr> 
      <th>Value</th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr><td>1</td></tr> 
     <tr><td>1</td></tr> 
     <tr><td>1</td></tr> 
     <tr><td>1</td></tr> 
     <tr><td>1</td></tr> 
     <tr><td>1</td></tr> 
     <tr><td>1</td></tr> 
     <tr><td>1</td></tr> 
     <tr><td>1</td></tr> 
     <tr><td>1</td></tr> 
     <tr><td>1</td></tr> 
     </tr> 
    </tbody> 
</table> 

tbody { 
    max-height:100px; 
    overflow:auto; 
    position:absolute; 
} 
tr td:last-child { /* do horizontal scrollbar useless */ 
    padding-right:1em; 
} 

EDIT: raaah es funktioniert auf IE8 aber nicht IE7 (mit IE9 Beta getestet), so scheint es IE7 Höhe Regel <td> Elemente gilt!