Page 1 of 1

respo. Datentabellen nur mit CSS3 - ohne Bootstrap!

Posted: Thu 28. Apr 2016, 12:17
by kukki
Datentabellen responsive zu gestalten ist kein einfaches Unterfangen. Ich habe dazu mehrere Blogs und Websites durchsucht und bin mit einer CSS3-Methode schnell zu einen brauchbaren Ergebnis gelangt. Da ich in der Zwangslage war eine ältere Seite auf responsive zu bringen, musste ich mich notgedrungen nach einer effektiven Lösung umsehen.

Zwei Links sollten das Problem auf zwei Wegen lösen:
  1. Maddesign: responsive Tabellen
  2. CSS-Tricks: Data Tables
Ich habe Lösung 2 ( 8) only css) benutzt um eine sehr lang Datentabelle eines Partyservice-Catering-Unternehmens responsiv zu gestalten. Ein klein wenig Hand anlegen für Modifizierungen und schon steht die Tabelle. Aufwendig war dagegen die Neugestaltung der Tabelle per HTML, da einfach zu viel Müll bei jeglichen Tabellen-Generatoren erzeugt wird.

Image