Tabelle mit fixem Header und Scrollbalken

[skizZ]

Hallo zusammen,

ich habe eine große Tabelle mit etwa 300 Zeilen und 30 Spalten.
Nun sollen die Beschriftungen der Spalten immer Fix oben stehen, wenn man nach untern scrollt. Das wäre soweit kein Problem, allerdings kommt nun noch das horizontale Scrollen hinzu und das erschwert das ganze ein wenig. Hat jemand eine elegante Lösung dafür?

Viele Grüße
skizZ

 

[Space Vampire]

Spontaner Lösungsvorschlag

<div /*mit horizontalem Scroll*/ >
    <table /*mit nur den Überschriften*/ ></table>
    <div /*mit vertikalem Scroll*/ >
        <table /*mit nur den Informationen*/ ></table>
    </div>
</div>

 

[skizZ]

Hi,

danke dafür. Das ist schonmal ein Ansatz. Allerdings beziehen sich die Spaltenbreiten dann nicht mehr auf die Überschriften :-(

 

[mermshaus]

Diverse Lösungen mit JavaScript:

- How to Freeze Columns Using Javascript and HTML
- http://acatalept.com/common/test/fixed-table.html

(via javascript - HTML table with fixed headers and a fixed column? - Stack Overflow)

In dem Stack Overflow-Thread werden noch weitere Möglichkeiten genannt mit eigenen Vor-/Nachteilen.

 

[skizZ]

Hallo,

habe es nun mit "Stupid Fixed Header" gelöst. Lies sich sehr einfach in die bestehende Tabelle einfügen, da nur ein Div und eine CSS Klasse ergänzt werden musste. Und das Beste: Es funzt sogar im IE ;)

Danke für die Tipps.