Reponsive Tabellen

Es gibt 2 Möglichkeiten:

1) einen Div um die Tabelle geben, und diesen auf Handys auf overflow:scroll zu setzen. Am Smartphone ist der Scrollbalken weit unauffälliger als am Desktop, er stört also nicht so sehr, wird aber auch leicht übersehen. Die Tabelle darf auch nicht zu hoch sein, und es muss etwas Rand geben, sonst scrollt man nur mehr in der Tabelle und kommt nicht mehr weiter.

2) Alle table, tr, th, td auf display:block zu stellen und somit untereinander anzuzeigen. Dabei werden die Zeilen "zerfleddert" und es hängt davon ab, ob der Inhalt noch als zusammengehörig erkennbar ist.

Scrollen

NR VORNAME NACHNAME AUROR NN BUCHTITEL ORT
1 Eva Caflisch Christoph Ransmayr Der Weg nach Surabaya Zürich
2 Reto Hänny Jean Paul Siebenkäs Basel
19 Thomas Edlinger Gilles
Felix
Deleuze
Guattari
Anti-Ödipus Wien
20 Ulli Aigner Jörg Stöhrer Dunkle Räumem, helle Räume Wien
21 Gerti Fröhlich Karl Marx Das Kapital Wien
22 Judith Ortner Bruce Chatwin Traumpfade Wien
23 Otto Sares Peter Waterhouse Sprache Tod Nacht Aussen Wien
27 Dorothea Schulz Jakob und Wilhelm Grimm Deutsches Wörterbuch Lofer
28 Ulrike Geitel Vladimir Nabokov Pale Fire Lofer
29 Susanne Groß Wilhelm Busch Das goldene Wilhelm Busch-Buch Lofer
30 Emma Weymayr Karl Kerényi Die Mythologie der Griechen Wien


Einzelne Zeilen

NR VORNAME NACHNAME AUROR NN BUCHTITEL ORT
1 Eva Caflisch Christoph Ransmayr Der Weg nach Surabaya Zürich
2 Reto Hänny Jean Paul Siebenkäs Basel
3 Robert Fleck Daniel Jonah Goldhagen Hitlers willige Vollstrecker Basel
4 Barbara Scheuch Wolfram Siebeck Wolfram Siebecks Kochschule Kassel
5 Leonhart Scheuch Botho Strauß Die Fehler des Kopisten Kassel
6 Gerhard Gross James Joyce Ulysses Graz
7 Margarethe Makovec Ingeborg Bachmann Malina Graz
8 Anton Lederer Victor Hugo Der Glöckner von Notre Dame Graz
9   Caroline Ingeborg Bachmann „Todesarten“- Projekt Klagenfurt
10 Ingo Nussbaumer   Aristoteles De Coloribus Wien
11 Michael Plank Omar Khayyam Gedichte Wien
12 Lucas Gehrmann Jacques Derrida Vom Geist Wien