erweitern HTML -Tabellen mit horizontalem Scrolling
Bei der Behandlung umfangreicher Datentabellen werden die Benutzererfahrung erweitert, indem sie sowohl vertikale als auch horizontale Scrolling -Kapazitäten bereitstellen. Dieser Artikel befasst sich mit der Hinzufügen einer horizontalen Scrollbar zu einer HTML -Tabelle und sorgt für eine nahtlose Navigation, unabhängig von der Inhaltsgröße des Tisches. Ein Block:
Setzen Sie die Anzeigeeigenschaft desAktivieren Sie horizontales Scrollen:
Verwenden Sie die Überlauf-X-Eigenschaft und setzen Sie sie auf automatisch. Dadurch wird der Browser angewiesen, eine horizontale Bildlaufleiste anzuzeigen, wenn der Tabelleninhalt die verfügbare Breite überschreitet.
table { display: block; overflow-x: auto; white-space: nowrap; }
für fortgeschrittenes Scrolling-Verhalten finden Sie in dieser Ressource: [Scrolling-Tabellenunterschriften] (https://www.lizkeogh.com/html-table-caption-scroll-floats/).
]Haftungsausschluss: Alle bereitgestellten Ressourcen stammen teilweise aus dem Internet. Wenn eine Verletzung Ihres Urheberrechts oder anderer Rechte und Interessen vorliegt, erläutern Sie bitte die detaillierten Gründe und legen Sie einen Nachweis des Urheberrechts oder Ihrer Rechte und Interessen vor und senden Sie ihn dann an die E-Mail-Adresse: [email protected] Wir werden die Angelegenheit so schnell wie möglich für Sie erledigen.
Copyright© 2022 湘ICP备2022001581号-3