Responsive Tabellen

Die Darstellung von Tabellen macht im responsiven Webdesign häufig Probleme. Responsive Tabellen ermöglichen ein einfaches horizontales Scrollen von Tabellen.

ab Theme Version 2.4.3

Mach eine Tabelle in allen Viewports responsiv, indem Du eine .table mit .table-responsive umschließt. Oder wählen mit .table-responsive{-sm|-md|-lg|-xl} einen maximalen Breakpoint aus, bis zu dem eine reaktionsfähige Tabelle erreicht werden soll.

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

Weitere Informationen findest Du in der offiziellen Doku des Bootstrap-Frameworks:

Tablesgetbootstrap