Kurze Antwort
Öffnen Sie die Tabelle im Builder, gehen Sie zu Settings , öffnen Sie den Abschnitt Scroll und aktivieren Sie Enable horizontal scrolling, dann klicken Sie auf Save. Wenn die Tabelle breiter als der Seitenbereich ist, erhalten Besucher eine horizontale Scrollleiste statt gequetschter Spalten. Horizontales Scrollen ist in der kostenlosen Version von WP Table Builder enthalten.
Mit horizontalem Scrollen können Besucher eine breite Tabelle von WP Table Builder seitlich wischen oder scrollen. Das ist der einfachste Weg, breite Vergleichs- und Preistabellen auf kleinen Bildschirmen lesbar zu halten, ohne ihr Layout zu ändern.
Voraussetzungen #
| Punkt | Details |
|---|---|
| Tarif | Free und Pro |
| Plugin-Version | WP Table Builder 2.0 oder neuer |
| Benötigte Zeit | Unter 1 Minute |
Schritt 1: Horizontales Scrollen aktivieren #
- Gehen Sie zu WP Table Builder > All Tables und klicken Sie auf Edit unter Ihrer Tabelle.
- Klicken Sie auf Settings (Tab) im linken Bereich.
- Geben Sie
scrollenunter Search settings, oder scrollen Sie zu Scroll . - Aktivieren Sie Enable horizontal scrolling.
- Klicken Sie auf Save.
Schritt 2: Eine Mindestspaltenbreite festlegen #
Gescrollt wird nur, wenn die Tabelle breiter als der verfügbare Platz ist. Um zu steuern, wann das passiert, legen Sie eine Mindestbreite für Spalten fest:
- In Settings , öffnen Sie den Abschnitt General .
- Legen Sie Cell Min Auto Width fest (standardmäßig 120 px). Spalten werden nicht schmaler als diese Breite, sodass eine Tabelle mit vielen Spalten auf kleinen Bildschirmen überläuft und scrollbar wird.
- Um einer Spalte eine feste Breite zu geben, wählen Sie eine Zelle in dieser Spalte aus und ändern Sie Column Width unter Row & Column Control.
Horizontales Scrollen oder responsives Stapeln? #
| Option | Was Besucher auf einem Smartphone sehen | Am besten für |
|---|---|---|
| Horizontales Scrollen | Dasselbe Tabellenlayout, seitlich gescrollt | Vergleichstabellen, deren Spalten nebeneinander bleiben müssen |
| Responsive Tabelle | Zeilen oder Spalten vertikal gestapelt | Einfache Tabellen, Preiskarten, Listen |
Sie können horizontales Scrollen auch mit einer fixierten ersten Spalte (Pro) kombinieren, damit Produktnamen beim seitlichen Scrollen sichtbar bleiben.
Häufig gestellte Fragen #
Wie verhindere ich, dass eine WordPress-Tabelle auf Mobilgeräten abgeschnitten wird?
Aktivieren Sie Enable horizontal scrolling im Abschnitt Scroll des Tabs Settings der Tabelle. Breite Tabellen scrollen dann seitlich, statt über die Seite hinauszuragen oder ihre Spalten zu quetschen.
Ist horizontales Scrollen in der kostenlosen Version von WP Table Builder verfügbar?
Ja. Enable horizontal scrolling ist eine kostenlose Funktion.
Warum gibt es nach dem Aktivieren keine Scrollleiste?
Die Tabelle passt in ihren Container, es gibt also nichts zu scrollen. Erhöhen Sie Cell Min Auto Width oder einzelne Spaltenbreiten, oder testen Sie auf einem schmaleren Bildschirm.
Kann ich die erste Spalte beim Scrollen fixieren?
Ja, mit WP Table Builder Pro. Aktivieren Sie Make Column Sticky im Abschnitt Sticky und setzen Sie Sticky Column auf 1.
