JürgenB: Tabelle ohne Titelzeile scrollen

Beitrag lesen

Hallo Matthias,

ungetestet: Gib dem Tabllenkopf position: absolute; und dem umgebenden Element position: relative; damit der Tabellenkopf weiß, wonach er sich richten soll.

ich habe jetzt dem thead ein position:absolute spendiert, ein position:relative beim umgebenden Div scheint nicht nötig zu sein. So scheint es zu funktionieren. Hier mal der Link zu meiner Testseite:

http://www.j-berkemeier.de/Test/Test_scrollbare_Tabelle.html

Die Lösung hat jetzt noch zwei Nachteile:

  • Alle Breiten müssen fest vorgegeben werden.
  • Die Höhe des thead muss bekannt sein.
  • Die th im thead müssen eine Hintergrundfarbe haben, sonst schimmert die Tabelle beim Scrollen durch.

Der Test in Opera, Crome und Safari steht noch aus, aktueller FF, IE9 und IE unter Windows Phone 7.8 arbeiten wie gewünscht.

Gruß, Jürgen