Responsive Tabellen
Trotz strenger Einhaltung der "@media-Regeln" für responsives Webdesign, werden Tabellen häufig in mobilen Geräten, z. B. Smartphones, nicht korrekt dargestellt. Dieses Problem entsteht meist, wenn sich zu lange Wörter im Text der Tabellenzellen befinden, so dass der Text nicht umgebrochen werden kann, weil Leerstellen fehlen. In diesem Fall werden Tabellen radikal rechts abgeschnitten.
Die einzige Lösung dafür ist, den Tabellen Rollbalken zu verpassen, um sie auf kleinen Bildschirmen horizontal scrollen zu können. Mit ein wenig CSS und einer kurzen Anweisung im HTML-Code können horizontal scrollbare Tabellen erzeugt werden.
Die folgende geniale Lösung dazu stammt von kulturbanause.de:
Die einzige Lösung dafür ist, den Tabellen Rollbalken zu verpassen, um sie auf kleinen Bildschirmen horizontal scrollen zu können. Mit ein wenig CSS und einer kurzen Anweisung im HTML-Code können horizontal scrollbare Tabellen erzeugt werden.
Die folgende geniale Lösung dazu stammt von kulturbanause.de:
|