Eine Tabelle scrollen, wobei Kopf und Fuß der Tabelle statisch bleiben,
ist gar nicht so einfach; Thead und Tfoot werden, wie die komplette Tabelle
auch, von JavaScript erkannt, Tbody nicht. Aber, seltsamerweise, die Mehrzahl
davon: Tbodies.
Hier ist eine modifizierte Test-Tabelle von Selfhtml.org:
| Assoziation 1 | Assoziation 2 | Assoziation 3 |
|---|---|---|
| Berlin | Hamburg | München |
| Miljöh | Kiez | Bierdampf |
| Buletten | Frikadellen | Fleischpflanzerl |
| Viel Miljöh | Viel Kiez | Viel Bierdampf |
| Sehr viel Buletten | Sehr viel Frikadellen | Sehr viel Fleischpflanzerl |
| betroffen: 4 Mio. Menschen |
betroffen: 2 Mio. Menschen |
betroffen: 1 Mio. Menschen |
Soweit so gut.
Diese Tabelle soll nun in Kopf, Fuß und Körper aufgeteilt und
gescrollt werden können.
Dazu
Ggf. die Seite neu laden.
Diffizil ist dabei noch das Austarieren der Zellen- und Tabellenbreiten; macht man Abstände und Sichtfenster zu klein, oder zu unlogisch, unterschlägt mancher Browser beim Berechnen einzelne Tabellenteile. Auch ist unklar, bis zu welcher Größe Tabellen verarbeitet werden können.
Aber das Prinzip steht.
Das Script befindet sich im Quelltext dieser Seite.