Tabellen in der mobilen Ansicht

brimbrambrum · 20. August 2020

Hallo zusammen,

ich habe auf meiner Homepage einige Tabellen erstellt.

Einfach damit das Ganze etwas übersichtlicher bleibt.

Zum Beispiel hier oder hier.

Ich habe nun natürlich das Ganze mit dem neuen Template auch mobil getestet.

Allerdings kann man die Tabellen nicht komplett lesen.

Habt ihr einen Tipp für mich?

Ich habe das Plugin "responsive tables" auch schon getestet.

Aber ich bekomme damit die Tabellen nicht scrollbar.

Vielen Dank

Michael

Elwood · 20. August 2020

Hallo,

gab es hier schon öfter im Forum.

Vielleicht mal was zum Nachlesen:

christine2 · 20. August 2020

Hallo Michael,

probier mal folgendes: Bei der Snowboardkurse-Seite, gibt es eine einfache Lösung:

Bei der Skikurse-Seite, sehe ich eigentlich eh eine Klasse:

Bräuchte man dann in der CSS nur machen:

Code

.table-scrollable {  
overflow-y: auto;  
width:100%;
}

Liebe Grüße

Christine

brimbrambrum · 21. August 2020

Hallo zusammen,

vielen Dank für Eure schnellen Antworten.

Elwood: Den Artikel habe ich auch schon gefunden.

Aber ich bin damit nicht klar gekommen.

Die Klasse habe ich ja auch schon eingefügt, wie christine2 auch schon bemerkt hat.

Nun meine Frage christine2:

Wo im CSS füge ich den Code ein?

Mit CSS kenne ich mich leider überhaupt nicht aus ...

Vielen Dank

christine2 · 21. August 2020

Hallo Michael,

erstelle Dir im backend eine user.css. Templates > Templates > Dein Protostar & dann:

Nach dem Erstellen, fügst Du CSS Datei(en) ein.

Schaut dann ca. so aus:

Caches löschen. Kann ein bisschen dauern, bis CSS wirkt.

Liebe Grüße

Christine

brimbrambrum · 21. August 2020

Vielen Dank christine2

Hat wunderbar funktioniert!

Tags