responsive Tabellen

Simple Möglichkeit Tabellen responsive zu machen:

Mit Hilfe der jQuery-Funktion .wrap() wird ein Wrapper um die Tabellen gelegt:

Der Wrapper mit der Klasse „table-wrapper“ erhält via CSS overflow-x: auto; damit der horizontale Scrollbalken angezeigt wird.

Tabellen bekommen eine Weite von 100% zugewiesen:

Damit der Scrollbalken auf WebKit-Browsern immer angezeigt wird und der User ein optisches Feedback erhält, kann folgender Code optional eingefügt werden: