Besuch ↑↓	Kundenname ↑↓	Tier ↑↓	Benutzer ↑↓
Besuch ↑↓BE71 / 05.06.2016 10:00	Kundenname ↑↓Oliver Brühl	Tier ↑↓ Freddy	Benutzer ↑↓Dr. Test Tester
Besuch ↑↓BE69 / 05.07.2016 07:31	Kundenname ↑↓Prof. Dr. Christina Wulff	Tier ↑↓ Henry	Benutzer ↑↓Oliver Brühl	1 ein Rechnungsentwurf 17.05.2015 / 333,44 € 2 2 offene Rechnungen 17.05.2015 / 20,99 € 18.06.2016 / 20,99 € 2 2 Mahnungen 17.05.2015 / 0,00 € 18.06.2016 / 20,99 € 2 2 Mahnungen 17.05.2015 / 0,00 € 18.06.2016 / 20,99 €

Um eine Tabelle in der Breite zu begrenzen, kannst du einfach die Klasse "max-width-300" definieren. Die Tabelle gehorcht zwar nicht zu 100%, sprich sie dehnt sich immer noch so weit aus, wie sie es für nötig hällt, aber zumindest wachsen die Tabellenzellen nicht unbgegrenzt. Dann gibt es noch die Möglichkeit, das automatische anpassen der Zellen auszuschalten und jeder Spalte bestimmte Werte zu geben, aber auch das ist nicht ganz Exakt, weil auch absolute Werte in Prozentuale Werte umgerechnet werden, aber damit bekommen wir zumindest mehr Kontrolle. Das Ganze setze ich in einer weiteren Datei um. zu den fixen Tabellen

Besuch ↑↓	Kundenname ↑↓	Tier ↑↓	Benutzer ↑↓
Besuch ↑↓BE71 / 05.06.2016 10:00	Kundenname ↑↓Oliver Brühl	Tier ↑↓ Freddy	Benutzer ↑↓Dr. Test Tester
Besuch ↑↓BE69 / 05.07.2016 07:31	Kundenname ↑↓Prof. Dr. Christina Wulff	Tier ↑↓ Henry	Benutzer ↑↓Oliver Brühl	1 ein Rechnungsentwurf 17.05.2015 / 333,44 € 2 2 offene Rechnungen 17.05.2015 / 20,99 € 18.06.2016 / 20,99 € 2 2 Mahnungen 17.05.2015 / 0,00 € 18.06.2016 / 20,99 €

Die folgenden Tabellen haben neue Breakpoints gesetzt, so dass du frei festlegen kannst, wann die Tabellen in die mobile Ansicht switchen. Das sollte die meisten Probleme lösen. Du hast als Breakpoint 480px, 600px, 700px oder 800px Bildschirmbreite. Ich habe das so differenziert gemacht, weil die Tabelle ja wiederum in einer 50% Spalte stehen kann also weniger Platz zur Verfügung hat und je nach Tabelleninhalten kann es dann günstig sein, schneller in die Mobilansicht zu wechseln oder bei mehr Platz später. Solltest du noch mehr Breakpoints brauchen (oder weniger) dann modifiziere ich das CSS dementsprechend.

480 Breakpoint - Klasse: class="ui-responsive-vet-480"

480 Breakpoint - Klasse: class="ui-responsive-vet-600"

480 Breakpoint - Klasse: class="ui-responsive-vet-700"

480 Breakpoint - Klasse: class="ui-responsive-vet-800"