Die Position: Sticky; Die Eigenschaft hat in Webkit an Bedeutung gewonnen und ermöglicht es Elementen, während des Scrollens in ihren übergeordneten Containern fixiert zu bleiben. Einige Entwickler haben jedoch die Notwendigkeit geäußert, diese Funktionalität auf scrollende Div-Elemente auszudehnen, die Tabellen enthalten.
Kann eine Sticky-Positionierung auf Tabellenüberschriften innerhalb eines scrollenden Divs angewendet werden?
Antwort:
In der Tat, Position: klebrig; kann jetzt für verwendet werden. ElementeStand 2018!
Implementierung: Fügen Sie einfach die folgende Zeile zu Ihrem CSS-Stylesheet hinzu: Voraussetzungen: Beispieltabellen-Markup: Zusätzliche Optionen: Browserunterstützung: Seit März 2018 wird die Sticky-Positionierung für Thead-Elemente in allen modernen Browsern weitgehend unterstützt , dank der Bemühungen der Entwicklergemeinschaft. Das obige ist der detaillierte Inhalt vonKönnen Sticky Header in scrollenden Divs für Tabellenüberschriften verwendet werden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!<code class="css">thead th { position: sticky; top: 0; }</code>
Elemente.
<code class="html"><table>
<thead>
<tr>
<th>column 1</th>
<th>column 2</th>
<th>column 3</th>
<th>column 4</th>
</tr>
</thead>
<tbody>
// body code
</tbody>
</table></code>
<code class="css">thead tr:first-child th { position: sticky; top: 0; }</code>
So verwenden Sie die Groupby-Funktion
Welche Arten von Verkehr gibt es?
Der Unterschied zwischen TCP und UDP
So verwenden Sie die Monatsfunktion
So verwenden Sie das Anhängen in Python
Die Hauptfunktion der Recheneinheit in einem Mikrocomputer besteht darin, auszuführen
Win10 unterstützt die Festplattenlayoutlösung der Uefi-Firmware nicht
Können Programmdateien gelöscht werden?
Python-Nummer zum String