{"id":24258,"date":"2026-11-13T13:33:04","date_gmt":"2026-11-13T13:33:04","guid":{"rendered":"https:\/\/wptablebuilder.com\/docs\/horizontal-scroll-table\/"},"modified":"2026-11-13T13:33:04","modified_gmt":"2026-11-13T13:33:04","password":"","slug":"horizontal-scroll-table","status":"publish","type":"docs","link":"https:\/\/wptablebuilder.com\/de\/docs\/horizontal-scroll-table\/","title":{"rendered":"So lassen Sie eine Tabelle in WP Table Builder horizontal scrollen"},"content":{"rendered":"<div class=\"wp-block-group has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-d5c0682e wp-block-group-is-layout-constrained\" style=\"border-top-left-radius:0px;border-top-right-radius:6px;border-bottom-left-radius:0px;border-bottom-right-radius:6px;border-left-color:#2563eb;border-left-width:3px;background-color:#f4f7fb;margin-bottom:14px;padding-top:20px;padding-right:24px;padding-bottom:20px;padding-left:24px\">\n<p class=\"has-text-color wp-block-paragraph\" style=\"color:#2563eb;margin-top:0;margin-bottom:10px;font-size:11px;font-style:normal;font-weight:600;letter-spacing:0.08em;text-transform:uppercase\">Kurze Antwort<\/p>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"margin-top:0;margin-bottom:14px;font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.106), 15px);line-height:1.65\">\u00d6ffnen Sie die Tabelle im Builder, gehen Sie zu <strong>Settings<\/strong> , \u00f6ffnen Sie den Abschnitt <strong>Scroll<\/strong> und aktivieren Sie <strong>Enable horizontal scrolling<\/strong>, dann klicken Sie auf <strong>Save<\/strong>. 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.<\/p>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Mit horizontalem Scrollen k\u00f6nnen 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 \u00e4ndern.<\/p>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_6d7fbbc6-06cc-401e-94aa-d39a8509584f\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 100%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 1px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\">Voraussetzungen<\/h2>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>Punkt<\/th><th>Details<\/th><\/tr><\/thead><tbody><tr><td><strong>Tarif<\/strong><\/td><td>Free und Pro<\/td><\/tr><tr><td><strong>Plugin-Version<\/strong><\/td><td>WP Table Builder 2.0 oder neuer<\/td><\/tr><tr><td><strong>Ben\u00f6tigte Zeit<\/strong><\/td><td>Unter 1 Minute<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_9979a750-7be5-4d7b-9551-5c48fac146a1\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 100%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 1px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\">Schritt 1: Horizontales Scrollen aktivieren<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Gehen Sie zu <strong>WP Table Builder &gt; All Tables<\/strong> und klicken Sie auf <strong>Edit<\/strong> unter Ihrer Tabelle.<\/li>\n\n\n\n<li>Klicken Sie auf <strong>Settings<\/strong> (Tab) im linken Bereich.<\/li>\n\n\n\n<li>Geben Sie <code>scrollen<\/code> unter <strong>Search settings<\/strong>, oder scrollen Sie zu <strong>Scroll<\/strong> .<\/li>\n\n\n\n<li>Aktivieren Sie <strong>Enable horizontal scrolling<\/strong>.<\/li>\n\n\n\n<li>Klicken Sie auf <strong>Save<\/strong>.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1440\" height=\"722\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-horizontal-scroll-setting.jpg\" alt=\"Abschnitt Scroll von WP Table Builder mit aktiviertem Enable horizontal scrolling\" class=\"wp-image-24255\" srcset=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-horizontal-scroll-setting.jpg 1440w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-horizontal-scroll-setting-300x150.jpg 300w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-horizontal-scroll-setting-1024x513.jpg 1024w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-horizontal-scroll-setting-768x385.jpg 768w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-horizontal-scroll-setting-18x9.jpg 18w\" sizes=\"auto, (max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_157490c0-5fa2-402a-8263-73050871c534\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 100%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 1px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\">Schritt 2: Eine Mindestspaltenbreite festlegen<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Gescrollt wird nur, wenn die Tabelle breiter als der verf\u00fcgbare Platz ist. Um zu steuern, wann das passiert, legen Sie eine Mindestbreite f\u00fcr Spalten fest:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>In <strong>Settings<\/strong> , \u00f6ffnen Sie den Abschnitt <strong>General<\/strong> .<\/li>\n\n\n\n<li>Legen Sie <strong>Cell Min Auto Width<\/strong> fest (standardm\u00e4\u00dfig 120 px). Spalten werden nicht schmaler als diese Breite, sodass eine Tabelle mit vielen Spalten auf kleinen Bildschirmen \u00fcberl\u00e4uft und scrollbar wird.<\/li>\n\n\n\n<li>Um einer Spalte eine feste Breite zu geben, w\u00e4hlen Sie eine Zelle in dieser Spalte aus und \u00e4ndern Sie <strong>Column Width<\/strong> unter <strong>Row &#038; Column Control<\/strong>.<\/li>\n<\/ol>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_d247e44e-7aca-4416-9499-adc48366e77a\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 100%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 1px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\">Horizontales Scrollen oder responsives Stapeln?<\/h2>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>Option<\/th><th>Was Besucher auf einem Smartphone sehen<\/th><th>Am besten f\u00fcr<\/th><\/tr><\/thead><tbody><tr><td><strong>Horizontales Scrollen<\/strong><\/td><td>Dasselbe Tabellenlayout, seitlich gescrollt<\/td><td>Vergleichstabellen, deren Spalten nebeneinander bleiben m\u00fcssen<\/td><\/tr><tr><td><strong><a href=\"https:\/\/wptablebuilder.com\/de\/dokumente\/tabelle-in-wordpress-responsive-machen\/\">Responsive Tabelle<\/a><\/strong><\/td><td>Zeilen oder Spalten vertikal gestapelt<\/td><td>Einfache Tabellen, Preiskarten, Listen<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Sie k\u00f6nnen horizontales Scrollen auch mit einer <a href=\"https:\/\/wptablebuilder.com\/de\/dokumente\/sticky-row-column\/\">fixierten ersten Spalte<\/a> (Pro) kombinieren, damit Produktnamen beim seitlichen Scrollen sichtbar bleiben.<\/p>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_1470d54b-f322-4ad6-8666-ceee2a02e5a7\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 100%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 1px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\">H\u00e4ufig gestellte Fragen<\/h2>\n\n\n<div class=\"wp-block-ub-content-toggle wp-block-ub-content-toggle-block\" id=\"ub-content-toggle-block-77358def-ecee-4681-a391-5868b7ca456b\" data-mobilecollapse=\"false\" data-desktopcollapse=\"true\" data-preventcollapse=\"false\" data-showonlyone=\"false\">\n<div class=\"wp-block-ub-content-toggle-accordion\" style=\"border-color: #f1f1f1; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; \" id=\"ub-content-toggle-panel-block-\">\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-title-wrap\" style=\"background-color: #f1f1f1;\" aria-controls=\"ub-content-toggle-panel-0-77358def-ecee-4681-a391-5868b7ca456b\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-77358def-ecee-4681-a391-5868b7ca456b\" style=\"color: #000000; \"><strong>Wie verhindere ich, dass eine WordPress-Tabelle auf Mobilger\u00e4ten abgeschnitten wird?<\/strong><\/p>\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-toggle-wrap right\" style=\"color: #000000;\"><span class=\"wp-block-ub-content-toggle-accordion-state-indicator wp-block-ub-chevron-down open\"><\/span><\/div>\n\t\t<\/div>\n\t\t\t<div role=\"region\" aria-expanded=\"true\" class=\"wp-block-ub-content-toggle-accordion-content-wrap\" id=\"ub-content-toggle-panel-0-77358def-ecee-4681-a391-5868b7ca456b\">\n\n<p class=\"wp-block-paragraph\">Aktivieren Sie Enable horizontal scrolling im Abschnitt Scroll des Tabs Settings der Tabelle. Breite Tabellen scrollen dann seitlich, statt \u00fcber die Seite hinauszuragen oder ihre Spalten zu quetschen.<\/p>\n\n<\/div>\n\t\t<\/div>\n\n<div class=\"wp-block-ub-content-toggle-accordion\" style=\"border-color: #f1f1f1; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; \" id=\"ub-content-toggle-panel-block-\">\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-title-wrap\" style=\"background-color: #f1f1f1;\" aria-controls=\"ub-content-toggle-panel-1-77358def-ecee-4681-a391-5868b7ca456b\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-77358def-ecee-4681-a391-5868b7ca456b\" style=\"color: #000000; \"><strong>Ist horizontales Scrollen in der kostenlosen Version von WP Table Builder verf\u00fcgbar?<\/strong><\/p>\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-toggle-wrap right\" style=\"color: #000000;\"><span class=\"wp-block-ub-content-toggle-accordion-state-indicator wp-block-ub-chevron-down\"><\/span><\/div>\n\t\t<\/div>\n\t\t\t<div role=\"region\" aria-expanded=\"false\" class=\"wp-block-ub-content-toggle-accordion-content-wrap ub-hide\" id=\"ub-content-toggle-panel-1-77358def-ecee-4681-a391-5868b7ca456b\">\n\n<p class=\"wp-block-paragraph\">Ja. Enable horizontal scrolling ist eine kostenlose Funktion.<\/p>\n\n<\/div>\n\t\t<\/div>\n\n<div class=\"wp-block-ub-content-toggle-accordion\" style=\"border-color: #f1f1f1; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; \" id=\"ub-content-toggle-panel-block-\">\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-title-wrap\" style=\"background-color: #f1f1f1;\" aria-controls=\"ub-content-toggle-panel-2-77358def-ecee-4681-a391-5868b7ca456b\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-77358def-ecee-4681-a391-5868b7ca456b\" style=\"color: #000000; \"><strong>Warum gibt es nach dem Aktivieren keine Scrollleiste?<\/strong><\/p>\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-toggle-wrap right\" style=\"color: #000000;\"><span class=\"wp-block-ub-content-toggle-accordion-state-indicator wp-block-ub-chevron-down\"><\/span><\/div>\n\t\t<\/div>\n\t\t\t<div role=\"region\" aria-expanded=\"false\" class=\"wp-block-ub-content-toggle-accordion-content-wrap ub-hide\" id=\"ub-content-toggle-panel-2-77358def-ecee-4681-a391-5868b7ca456b\">\n\n<p class=\"wp-block-paragraph\">Die Tabelle passt in ihren Container, es gibt also nichts zu scrollen. Erh\u00f6hen Sie Cell Min Auto Width oder einzelne Spaltenbreiten, oder testen Sie auf einem schmaleren Bildschirm.<\/p>\n\n<\/div>\n\t\t<\/div>\n\n<div class=\"wp-block-ub-content-toggle-accordion\" style=\"border-color: #f1f1f1; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; \" id=\"ub-content-toggle-panel-block-\">\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-title-wrap\" style=\"background-color: #f1f1f1;\" aria-controls=\"ub-content-toggle-panel-3-77358def-ecee-4681-a391-5868b7ca456b\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-77358def-ecee-4681-a391-5868b7ca456b\" style=\"color: #000000; \"><strong>Kann ich die erste Spalte beim Scrollen fixieren?<\/strong><\/p>\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-toggle-wrap right\" style=\"color: #000000;\"><span class=\"wp-block-ub-content-toggle-accordion-state-indicator wp-block-ub-chevron-down\"><\/span><\/div>\n\t\t<\/div>\n\t\t\t<div role=\"region\" aria-expanded=\"false\" class=\"wp-block-ub-content-toggle-accordion-content-wrap ub-hide\" id=\"ub-content-toggle-panel-3-77358def-ecee-4681-a391-5868b7ca456b\">\n\n<p class=\"wp-block-paragraph\">Ja, mit WP Table Builder Pro. Aktivieren Sie Make Column Sticky im Abschnitt Sticky und setzen Sie Sticky Column auf 1.<\/p>\n\n<\/div>\n\t\t<\/div>\n<\/div>\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_98fc1cf3-26b0-4f43-be15-2d23bcebe38c\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 100%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 1px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\">Verwandte Dokumente<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/wptablebuilder.com\/de\/dokumente\/tabelle-in-wordpress-responsive-machen\/\">So machen Sie eine Tabelle responsiv<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wptablebuilder.com\/de\/dokumente\/sticky-row-column\/\">So fixieren Sie eine Zeile oder Spalte in WP Table Builder<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wptablebuilder.com\/de\/dokumente\/andern-sie-die-zeilenhohe-und-die-spaltenbreite-in-der-wp-table-builder\/\">So \u00e4ndern Sie Zeilenh\u00f6he und Spaltenbreite in WP Table Builder<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wptablebuilder.com\/de\/dokumente\/centertable-wordpress\/\">So zentrieren Sie eine Tabelle<\/a><\/li>\n<\/ul>","protected":false},"excerpt":{"rendered":"<p>Let visitors scroll wide WP Table Builder tables sideways on small screens.<\/p>","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[99],"doc_tag":[],"class_list":["post-24258","docs","type-docs","status-publish","hentry","doc_category-responsive-tables"],"year_month":"2026-11","word_count":417,"total_views":"2","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"Istiak Rayhan","author_nicename":"wpx_roadtobl","author_url":"https:\/\/wptablebuilder.com\/de\/author\/wpx_roadtobl\/"},"doc_category_info":[{"term_name":"Responsive Tables","term_url":"https:\/\/wptablebuilder.com\/de\/docs-category\/responsive-tables\/"}],"doc_tag_info":[],"_links":{"self":[{"href":"https:\/\/wptablebuilder.com\/de\/wp-json\/wp\/v2\/docs\/24258","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wptablebuilder.com\/de\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/wptablebuilder.com\/de\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/wptablebuilder.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wptablebuilder.com\/de\/wp-json\/wp\/v2\/comments?post=24258"}],"version-history":[{"count":0,"href":"https:\/\/wptablebuilder.com\/de\/wp-json\/wp\/v2\/docs\/24258\/revisions"}],"wp:attachment":[{"href":"https:\/\/wptablebuilder.com\/de\/wp-json\/wp\/v2\/media?parent=24258"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/wptablebuilder.com\/de\/wp-json\/wp\/v2\/doc_category?post=24258"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/wptablebuilder.com\/de\/wp-json\/wp\/v2\/doc_tag?post=24258"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}