In sich scrollbare Tabellen (responsive)

4400

Liebe Community,

ist es möglich in sich scrollbare Tabellen (horizontal und vertikal) zu erstellen?
So wie auf folgender Seite unter dem Reiter "Stats" http://castle-clash.wikia.com/wiki/Skull_Knight

Das Problem auf meiner Seite ist nämlich, dass bei Smartphones und Tablets die Tabellen abgeschnitten werden und nicht alles lesbar ist.

LG
Thomas

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

Brawler

Hallo,

das kannst Du über einen Container mit der CSS-Eigenschaft overflow erreichen. Dann scrollt allerdings die Tabelle komplett.

Bei dem von Dir genannten Beispiel sind das 2 Tabellen. Die Kopfzeile und die eigentlichen Daten liegen in 2 Tabellen, während die Daten zusätzlich in einen Container-DIV gelegt wurden. Dieser hat eine Höhe von 300 Pixeln und verfügt über die overflow-Angabe (auto).

Nachtrag:
Hier ein Beispiel-Fiddle für eine verschachtelte Tabelle mit Inline-CSS: http://jsfiddle.net/nyCKE/6302/

Willkommen! Melden Sie sich an oder registrieren Sie sich.

In sich scrollbare Tabellen (responsive)

Jetzt mitmachen!