• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Tabelle scrollen aber Spaltentitel nicht

Status
Für weitere Antworten geschlossen.

Ernesto

Neues Mitglied
Hallo,
ich habe eine lange Tabelle. Damit die Seite nicht so lang ist, habe ich ein Scrollbar per CSS.
Ist es möglich, die erste Linie (Titel der Spalten) fix zu lassen und nur den Rest der Zeilen zu scrollen?

CSS:
.ScrollTabelle
{
BORDER-RIGHT: #a9a9a9 1px solid;
BORDER-TOP: #a9a9a9 1px solid;
OVERFLOW: scroll;
BORDER-LEFT: #a9a9a9 1px solid;
WIDTH: 100%;
BORDER-BOTTOM: #a9a9a9 1px solid;
HEIGHT: 500px
}
HTML:
<div class='ScrollTabelle'>
<table>
<tr><th>...</th>...</tr>(diese sollte nicht scrollen)
<tr><td>...</td>...</tr>
<tr><td>...</td>...</tr>
...
</table>
</div>
Hat jemand eine Idee wie das laufen könnte?
 
Ist es möglich, die erste Linie (Titel der Spalten) fix zu lassen und nur den Rest der Zeilen zu scrollen?
Ja, klar.

Hat jemand eine Idee wie das laufen könnte?
Logisch. Setze die Überschrift in einen <thead>, den Body der Tabelle in ein <tbody>. Dann gib dem Body eine feste Höhe und setze overflow:auto; Wenn der Platz nicht ausreicht, erscheinen im Body Scrollbalken.

Gruß,
-Efchen
 
Status
Für weitere Antworten geschlossen.
Zurück
Oben