Gunnar Bittersmann: Tabellenzeilen scrollen - Überschrift verschwindet

Beitrag lesen

Aber der Nachteil ist, daß beim horizontalen rollen die Spaltenüberschriften nicht mehr zu den Spaltendaten passen.

Das ist ein Dilemma: Du kannst dich zwischen feststehenden Zeilen- oder Spaltenüberschriften entscheiden; beides wird schwierig.

Dabei bietet HTML mit thead, tbody, tfoot in der Verticalen und col und colgroup in der Horizontalen durchaus die Elemente an, um mittels CSS feststehende Zeilen- und Spalteüberschriften zu realisieren. (Was in Excel "Fixieren" heißt.)

Dumm nur, dass Browser das nicht implementiert haben.

Bleibt also nur Tricksen. Man könnte mit JavaScript das Scrollen simulieren, indem Tabellenzeilen bzw. -spalten von oben bzw. links nach den Überschriften beginnend ausgeblendet (display:none) und beim Zurückscrollen und wieder eingeblendet (display:normal) werden.

Dazu im Script Schaltflächen erzeugen und die normalen Scrollbalken verschwinden lassen sowie für den Iframe overflow:hidden setzen. Nutzer ohne JavaScript können die Tabelle mit den normalen Scrollbalken lesen (wobei dann die Überschriften natürlich mitscrollen).

Gunnar

--
Good results come from experience; and experience comes from bad results.