[TYPO3-UG Universities DE] Responsive Tabellen

[Volker Burggräf]

Hallo Manfred,

das Problem zu breiter Tabellen federe ich mit jQuery ab:

if ($(window).width() < 728) {
        $("div#main table,div#main form").wrap('<div class="scroll_wrap"></div>');
        $(".scroll_wrap").css({width: '100%', overflowX: 'auto'});
}

Unterhalb einer definierten Mindestbreite des Bildschirms werden Tabellen und Formulare damit bei Bedarf horizontal scrollbar gemacht - ein sehr simpler Workaround also. Auf dem Smartphone schiebt man die Tabelle dann einfach mit dem Finger hin und her.

Du kannst das z.B. unter https://uol.de/p15158 ausprobieren. 

Grüße aus Oldenburg
Volker Burggräf

-- 
Internetkoordinator . Presse & Kommunikation
Carl von Ossietzky Universität Oldenburg
Raum V02 2-204 . fon +49-441-798-5539 . fax +49-441-798-195539
e-mail internet at uni-oldenburg.de


> -----Ursprüngliche Nachricht-----
> Von: typo3-ug-universities-de-bounces at lists.typo3.org [mailto:typo3-ug-
> universities-de-bounces at lists.typo3.org] Im Auftrag von Mirsch, Manfred
> Gesendet: Mittwoch, 22. März 2017 16:11
> An: 'TYPO3 Usergroup German Universities (typo3-ug-universities-
> de at lists.typo3.org)'
> Betreff: [TYPO3-UG Universities DE] Responsive Tabellen
> 
> Hallo Kolleginnen und Kollegen,
> aktuell suchen wir für unseren Relaunch nach Lösungen, um Daten, die in
> Tabellenform ausgegeben werden (müssen), auch Mobilgeräte-tauglich
> darzustellen.
> 
> Einen interessanten aber bereits etwas älteren Artikel dazu habe ich hier
> gefunden:
> https://blog.kulturbanause.de/2012/06/tabellen-im-responsive-webdesign/
> 
> Wie sind Eure Erfahrungen und Vorgehensweisen?
> Habt Ihr Tipps, um z.B. per TypoScript das Rendering von Tabellen
> entsprechend zu modifizieren oder setzt ihr auf JavaScript-Lösungen?
> 
> Über jede Art von Feedback würde ich mich freuen.
> 
> Mit freundlichen Grüßen,
> Manfred Mirsch
> 
> --
> -----------------------------------------------------
> Dipl.-Inform. Manfred Mirsch (Webmaster)
> Hochschule Esslingen - University of Applied Sciences
> Kanalstrasse 33 / D-73728 Esslingen
> Tel. +49 (0)711 397-3166
> E-Mail: Manfred.Mirsch at hs-esslingen.de
> -----------------------------------------------------
> 
> _______________________________________________
> TYPO3-UG-Universities-DE mailing list
> TYPO3-UG-Universities-DE at lists.typo3.org
> http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-ug-universities-de