Hallo Matze,
Hallo!
Leider führten mich meine Recherchen nur auf Beispiele, die nicht funktionieren.
Was hast du denn bereits versucht was "nicht funktionierte"?
ich wollte jetzt keine Linkliste auf nicht funktionierende Lösungen verlinken sondern dachte, dass jemand weiß, wie es geht.
Ich bin mir grad nicht sicher wie sich
position: fixed;
bei thead verhält, aber spontan würde ich da ansetzen.
und dann die Tabelle scrollen oder nur tbody?
Hier meine Idee, die im IE9 nicht funktioniert:
.scroll { height:30em }
.scroll thead { position: absolute }
.scroll tbody { height: 28em; overflow-y: scroll; display: block; margin-top:2em }
<table class="tabelle sortierbar scroll">
<thead>
<tr>
<th width=220>hhh</th>
<th width=150>hhh</th>
<th width=150>hhh</th>
</tr>
</thead>
<tbody>
<tr>
<td width=220>bbb</td>
<td width=150>bbb</td>
<td width=150>bbb</td>
</tr>
...
Gruß, Jürgen