Tabellenzeilen scrollen - Überschrift verschwindet

[Egon]

Hallo,

kann mir jemand weiterhelfen?

Ich möchte eine Tabelle im Browser anzeigen, welche in beiden Achsen gescrollt werden kann, wobei die Überschrift nur horizontal mitrollen soll. beim vertikalen rollen soll die Überschrift nicht verschwinden, sondern stehen bleiben. (So wie DataGrid bei MS).
Geht soetwas evtl. mit CSS? und wenn wie? (TABLE->TH)

Ich habe in meiner Seite ein IFRAME, in welchem ich die Tabelle aufbaue. Das IFRAME kann man zwar rollen, aber die Überschrift verschwindet beim vertikalen rollen.

Vielen Dank

[Dennis]

Hallo!
Also mit den nicht vertikal scrollen dat geht (indem du die Überschrift einfach in ein eigenes frame setzt und angibtst kein Scrollen), mit dem horizontal ja scrollen, weiß ich leider nicht. Wenn ich was finde sag ichs.
MfG Dennis

[Egon]

Danke Dennis,

soweit war ich auch schon, das ist ja auch recht einfach. Aber der Nachteil ist, daß beim horizontalen rollen die Spaltenüberschriften nicht mehr zu den Spaltendaten passen.

MfG Egon

[Gunnar Bittersmann]

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

[Klaus B.]

<table style="height:8em; width:30em; background-color:green; overflow:hidden;">
<thead style="height:1em; width:100%; background-color:yellow;">
<tr>
 <td>Spalte1</td>
 <td>Spalte2</td>
</tr>
</thead>

<tbody style="height:7em; width:100%; overflow:auto; background-color:blue;">
<tr>
 <td>Z11</td>
 <td>Z12</td>
</tr>
.....

Aber MSIE versagt mal wieder! Im Mozilla funktioniert es wie es sollte.

MfG
Klaus

[wahsaga]

hi,

Also mit den nicht vertikal scrollen dat geht (indem du die Überschrift einfach in ein eigenes frame setzt

hier noch mehr frames ins spiel zu bringen, ist eine sehr schlechte idee.

gruss,
wahsaga