<table>: Wie kann <thead> beim Scrollen durch <tbody> in HTML / CSS angezeigt werden?

Ich habe einen großen Tisch mit ca. 300 Zeilen und 12 Spalten. Blättern Sie durch die Tabelle, indem Sie die Seite durchblättern<thead> Der Inhalt wird standardmäßig nicht angezeigt. Ich möchte es sehen, während ich "innerhalb" scrolle<tbody>. Das heißt, wenn der obere Rand des Bildschirms mit einer Zeile beginnt, möchte ich, dass die Kopfzeile zuerst angezeigt wird. Ansonsten sollte es sich wie ein normaler Tisch verhalten.

Die übliche Lösung, die ich bisher gesehen habe, besteht darin, eine Tabelle zu erstellen, die für sich selbst scrollen kann (also unabhängig vom Scrollen von Seiten). Das ist wasAntworten auf diese Frage vorschlagen.

Dies ist jedoch nicht sehr praktisch, wenn Sie viele Spalten auf dem Bildschirm haben, insbesondere, weil es jetzt zwei unabhängige Bildlaufleisten gibt. Auf Mobilgeräten nimmt die zweite Bildlaufleiste viel wertvollen Platz weg. Und es ist auch sehr ärgerlich zu bedienen. Sie können nicht einfach "durchblättern", aber Sie müssen sich konzentrieren, um diese winzige Bildlaufleiste zu treffen. In anderen Browsern können Sie einen Bildlauf durchführen, indem Sie die Daten innerhalb des Browsers berühren. Wenn Sie sich jedoch nach draußen bewegen, geschieht eine weitere irritierende Bewegung ...

Gibt es eine saubere CSS-Methode, um dies zu tun?

Antworten auf die Frage(4)

Ihre Antwort auf die Frage