Scroll-Hinweis für Tabellarische Daten

  • Auf Mobilen Geräten werden Scrollbalken für Tabellen leider so dargestellt das sie nur schwer oder gar nicht zu erkennen sind.
  • Hier wird mit etwas CSS ein Hinweis darauf eingefügt das diese Tabelle horizontal gescrollt werden kann.
  • Für die Pfeile werden Icons des in Zeta Producer bereits implantierten "Font Awesome" verwendet.
  • In der Desktop-Ansicht wird der Hinweis nicht eingeblendet, erst wenn es erforderlich ist sind diese zu sehen.
support
Dutch English French German

Hinweis:

Zur Präsentation werden die Scroll-Hinweise hier auch in der Desktop-Ansicht eingeblendet.
Mit dem zur Verfügung gestelltem Code werden diese nur eingeblendet wenn gescrollt werden muss.

Spalte 1 Spalte 2 Spalte 3 Spalte 4
Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum
Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum
Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum
Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum

Einstellungen > CSS:


Markieren & Kopieren

Spalte 1 Spalte 2 Spalte 3 Spalte 4
Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum
Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum
Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum
Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum

Einstellungen > CSS:


Markieren & Kopieren

Spalte 1 Spalte 2 Spalte 3 Spalte 4
Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum
Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum
Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum
Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum

Einstellungen > CSS:


Markieren & Kopieren