BEARBEITEN: Nachdem ich Ihr Problem geklärt hatte, habe ich die Geige bearbeitet: Auschecken dieses Beispiel oder dieser Weg. Es ist ziemlich hacky und funktioniert nicht garantiert crossbrowser, könnte aber für Ihren Fall funktionieren.
was passiert mit dem thead Teil des Tisches?
– Martin Kristiansen
26. September 2012 um 8:53 Uhr
Verwenden display:block würde funktionieren, wäre aber im Allgemeinen nicht zu empfehlen, da der Browser es nicht mehr als Tabelle betrachten würde.
– scoota269
26. September 2012 um 8:55 Uhr
Das Beispiel soll dies lösen Verknüpfung –und ich möchte, dass der Header an Ort und Stelle bleibt
– Martin Kristiansen
26. September 2012 um 8:59 Uhr
@MartinKristiansen du meinst, du willst den Körper scrollen, während der Kopf fixiert bleibt? Mit reinem CSS geht das nicht.
– Christoph
26. September 2012 um 9:00 Uhr
@Christoph: Das möchte ich tun – und es scheint, als wären Tische genau dafür gemacht – aber so wie es aussieht, denke ich, dass Sie Recht haben.
– Martin Kristiansen
26. September 2012 um 9:01 Uhr
Mit einem Tisch geht das nicht. Wickeln Sie die Tabelle mit einem div ein, geben Sie ihm etwas wie:
div.wrapper {
overflow:hidden;
overflow-y: scroll;
height: 100px; // change this to desired height
}
Das sollte funktionieren. Da die Erhöhung der Tabellenhöhe die Zeilenausrichtung dehnt.
– Radioaktiv
4. Januar 2019 um 19:34 Uhr
Sie können die Tabelle mit einem übergeordneten Element umschließen div und mache ihn scrollbar als scoota269 geraten:
Das ist nicht genau genug. Ich verwende einen Farbverlauf für die Hintergrundfarbe des Tabellenkopfes. Mit th wird die Farbe von links nach rechts für jede Spalte des Tabellenkopfs wiederholt.
– Paket.JSON
24. Februar 2021 um 10:27 Uhr
Danke, Mann! Du hast meinen Tag gerettet!!! ( ͡° ͜ʖ ͡°)
– Frontend
24. Oktober 2021 um 11:32 Uhr
RMN
Willst du so etwas?
Reine CSS-Scrollable-Tabelle mit festem Header (1)