Tabellen - responsive oder scrollbar
George Martsoukos hat bei Sitepoint eine interessante Übersicht verschiedener Lösungen für responsive Datentabellen veröffentlicht. Für die eigene Recherche ist das eine sehr gute Ausgangsbasis.
Auch Sven Wolfermann hatte sich des Themas schon einmal angenommen, allerdings in einer sehr viel übersichtlicheren Form.
Bei einem Kunden kam im Rahmen einer Schulung die Frage auf, wie man komplexe Tabellen scrollbar machen könne. Die Idee dessen Kunden und des Designers war auf den ersten Blick nicht gut umsetzbar. Aber eine Näherung erschien mir möglich. Eine kurze Recherche brachte sehr interessante JavaScripte hervor, mit denen man Tabellen scrollbar machen kann, wobei der Tabellenkopf fixiert bleibt:
- DataTables Table plug-in for jQuery
- Beispiel von DataTables
- Die Extension FixedHeader
- Pure CSS Fixed Header Variable Width Table
- jquery.floatThead
- Beispiel für floatThead
- Pure CSS Scrollable Table with Fixed Header
- Tabellenkopf fixiert beim Scrollen
- reine CSS-Version
- jQuery-Plugin FixedHeaderTable
- ← Previous
Modulare Webentwicklung - Kurzvortrag - Next →
Linkfutter 206