In sich scrollbare Tabellen (responsive)

4400 · 29. August 2015

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

Brawler · 29. August 2015

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/

WPDE.org

In sich scrollbare Tabellen (responsive)

4400 Active Member

Brawler Gast

Nützliche Suchen

In sich scrollbare Tabellen (responsive)

4400 Active Member

Brawler Gast