Responsive Tabellen einfach nutzen

Erstellen Sie responsive Tabellen, indem Sie die gewünschte Tabelle einfach mit einem DIV-Tag umschliessen. Damit aktivieren ohne weitere Änderung an der eigentliche Tabelle das horizontale Scrollen auf kleinen End-Geräten (unter 768px) . Bei der Anzeige auf mehr als 768px Breite, sind keine Unterschiede in diesen Tabellen zu sehen.

Ohne Boostrap-Tabellen-Layout

<div class="table-responsive"> <table ... > ... </table> </div>

Mit Boostrap-Tabellen-Layout

<div class="table-responsivetable table-striped"> <table class="" ... > ... </table> </div>

 

Sie haben zudem einfach die Möglichkeit eine Vielzahl von Basis-Tabellen-Layouts zu nutzen. Weitere Informationen finden Sie unter der folgenden URL:

Tabellen-Layouts einfach nutzen