{"id":24283,"date":"2026-11-13T13:53:38","date_gmt":"2026-11-13T13:53:38","guid":{"rendered":"https:\/\/wptablebuilder.com\/docs\/table-border-radius\/"},"modified":"2026-11-13T13:53:38","modified_gmt":"2026-11-13T13:53:38","password":"","slug":"table-border-radius","status":"publish","type":"docs","link":"https:\/\/wptablebuilder.com\/de\/docs\/table-border-radius\/","title":{"rendered":"So runden Sie Tabellenecken ab (Eckenradius) in WP Table Builder"},"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> (Tab), klappen Sie <strong>Border<\/strong> auf und setzen Sie <strong>Table Border Radius<\/strong> in Pixeln, zum Beispiel auf 12. Klicken Sie auf <strong>Save<\/strong>. Die Tabelle erh\u00e4lt abgerundete Ecken. Mit dem Verkn\u00fcpfungssymbol neben der Einstellung geben Sie jeder Ecke einen anderen Radius. Table Border Radius ist kostenlos. Abgerundete Ecken f\u00fcr einzelne Zellen (Cell Border Radius) erfordern WP Table Builder Pro.<\/p>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Abgerundete Ecken lassen eine Tabelle weicher und moderner wirken und passen zu vielen aktuellen WordPress-Themes und Kartendesigns.<\/p>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_7eff4c3d-3aab-4ea3-9230-ef785fa1c474\"><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>Kostenlos (Table Border Radius) und Pro (Cell Border Radius)<\/td><\/tr><tr><td><strong>Plugin-Version<\/strong><\/td><td>WP Table Builder 2.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_078a905e-3635-437d-adf3-984d75534fea\"><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: Den Eckenradius der Tabelle festlegen<\/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) und \u00f6ffnen Sie den Abschnitt <strong>Border<\/strong>.<\/li>\n\n\n\n<li>Geben Sie einen Wert ein in <strong>Table Border Radius<\/strong>, oder ziehen Sie den Schieberegler. Werte zwischen 8 und 16 px passen zu den meisten Designs.<\/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-border-settings-radius.jpg\" alt=\"Abschnitt Border von WP Table Builder mit Table Border Radius auf 12px und einer Tabelle mit abgerundeten Ecken\" class=\"wp-image-24277\" srcset=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-border-settings-radius.jpg 1440w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-border-settings-radius-300x150.jpg 300w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-border-settings-radius-1024x513.jpg 1024w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-border-settings-radius-768x385.jpg 768w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-border-settings-radius-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_1a76831c-485b-423f-a78d-06eed25a2d0d\"><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 (optional): Unterschiedliche Ecken festlegen<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Klicken Sie auf das Verkn\u00fcpfungssymbol neben <strong>Table Border Radius<\/strong> , um die Ecken zu entkoppeln, und legen Sie dann den Radius oben links, oben rechts, unten rechts und unten links einzeln fest. Runden Sie zum Beispiel nur die oberen Ecken ab, wenn die Tabelle direkt auf einem anderen Element sitzt.<\/p>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_13da4dbd-2c3f-44b2-b1b6-259eb559a5fc\"><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\">Einzelne Zellen abrunden (Pro)<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">In WP Table Builder Pro enth\u00e4lt der Abschnitt <strong>Border<\/strong> au\u00dferdem <strong>Cell Border Radius<\/strong>, das die Ecken jeder Zelle abrundet. Das funktioniert am besten zusammen mit dem Abschnitt <strong>Separate Rows\/Columns<\/strong> im <strong>General<\/strong> , der Abstand zwischen den Zellen schafft, sodass jede Zelle wie eine Karte wirkt. Siehe <a href=\"https:\/\/wptablebuilder.com\/de\/dokumente\/abstand\/\">So f\u00fcgen Sie Abst\u00e4nde hinzu (PRO)<\/a>.<\/p>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_96192dfe-c497-4ab0-9086-00c33a0d72eb\"><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 Rahmeneinstellungen<\/h2>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>Einstellung<\/th><th>Was es tut<\/th><\/tr><\/thead><tbody><tr><td><strong>Table Border<\/strong><\/td><td>Breite und Farbe des \u00e4u\u00dferen Rahmens<\/td><\/tr><tr><td><strong>Enable Inner Border<\/strong> \/ <strong>Inner Border<\/strong><\/td><td>Linien zwischen den Zellen<\/td><\/tr><tr><td><strong>Header Inner Border<\/strong><\/td><td>Linien innerhalb der Kopfzeile<\/td><\/tr><tr><td><strong>Column Only Border<\/strong> \/ <strong>Row Only Border<\/strong><\/td><td>Nur vertikale oder nur horizontale Innenlinien anzeigen (Pro)<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Siehe <a href=\"https:\/\/wptablebuilder.com\/de\/dokumente\/borduren-zu-einer-tabelle-in-wordpress-hinzufugen\/\">So f\u00fcgen Sie einer Tabelle Rahmen hinzu<\/a> und <a href=\"https:\/\/wptablebuilder.com\/de\/dokumente\/tabellerahmen-entfernen-mit-wordpress\/\">So entfernen Sie Tabellenrahmen<\/a> f\u00fcr vollst\u00e4ndige Anleitungen zu Rahmen.<\/p>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_baab0f83-54c6-4ad9-882d-c7da63dff03e\"><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-cd5f9a1d-5c0f-4b48-bd48-a3c0cd39c2bb\" 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-cd5f9a1d-5c0f-4b48-bd48-a3c0cd39c2bb\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-cd5f9a1d-5c0f-4b48-bd48-a3c0cd39c2bb\" style=\"color: #000000; \"><strong>Wie erstelle ich abgerundete Tabellenecken in WordPress?<\/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-cd5f9a1d-5c0f-4b48-bd48-a3c0cd39c2bb\">\n\n<p class=\"wp-block-paragraph\">\u00d6ffnen Sie in WP Table Builder den Tab Settings der Tabelle, klappen Sie Border auf und setzen Sie Table Border Radius, zum Beispiel auf 12px. Klicken Sie auf Save.<\/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-cd5f9a1d-5c0f-4b48-bd48-a3c0cd39c2bb\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-cd5f9a1d-5c0f-4b48-bd48-a3c0cd39c2bb\" style=\"color: #000000; \"><strong>Ist die Option f\u00fcr den Eckenradius kostenlos?<\/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-cd5f9a1d-5c0f-4b48-bd48-a3c0cd39c2bb\">\n\n<p class=\"wp-block-paragraph\">Ja. Table Border Radius ist kostenlos. Cell Border Radius, das jede Zelle abrundet, ist eine Pro-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-cd5f9a1d-5c0f-4b48-bd48-a3c0cd39c2bb\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-cd5f9a1d-5c0f-4b48-bd48-a3c0cd39c2bb\" style=\"color: #000000; \"><strong>Hinter meinen abgerundeten Ecken ist ein eckiger Hintergrund zu sehen. Wie behebe ich das?<\/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-cd5f9a1d-5c0f-4b48-bd48-a3c0cd39c2bb\">\n\n<p class=\"wp-block-paragraph\">Pr\u00fcfen Sie, dass die Zellen und die Kopfzeile keine Hintergrundfarbe haben, die \u00fcber den Tabellenrahmen hinausragt, und dass Ihr Theme keinen eigenen Tabellenrahmen hinzuf\u00fcgt. Das Aktivieren von Disable theme styles in den Einstellungen von WP Table Builder kann helfen.<\/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_2d733f73-0f6d-45e8-9052-efaf189ce0fb\"><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\/borduren-zu-einer-tabelle-in-wordpress-hinzufugen\/\">So f\u00fcgen Sie einer Tabelle Rahmen hinzu<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wptablebuilder.com\/de\/dokumente\/tabellerahmen-entfernen-mit-wordpress\/\">So entfernen Sie Tabellenrahmen<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wptablebuilder.com\/de\/dokumente\/abstand\/\">So f\u00fcgen Sie Abst\u00e4nde hinzu (PRO)<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wptablebuilder.com\/de\/dokumente\/wie-man-die-kopfzeile-hintergrundfarbe-andert\/\">So \u00e4ndern Sie die Hintergrundfarbe der Kopfzeile<\/a><\/li>\n<\/ul>","protected":false},"excerpt":{"rendered":"<p>Give your table rounded corners with Table Border Radius.<\/p>","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[98],"doc_tag":[],"class_list":["post-24283","docs","type-docs","status-publish","hentry","doc_category-styling-design"],"year_month":"2026-11","word_count":420,"total_views":"1","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":"Styling &amp; Design","term_url":"https:\/\/wptablebuilder.com\/de\/docs-category\/styling-design\/"}],"doc_tag_info":[],"_links":{"self":[{"href":"https:\/\/wptablebuilder.com\/de\/wp-json\/wp\/v2\/docs\/24283","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=24283"}],"version-history":[{"count":0,"href":"https:\/\/wptablebuilder.com\/de\/wp-json\/wp\/v2\/docs\/24283\/revisions"}],"wp:attachment":[{"href":"https:\/\/wptablebuilder.com\/de\/wp-json\/wp\/v2\/media?parent=24283"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/wptablebuilder.com\/de\/wp-json\/wp\/v2\/doc_category?post=24283"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/wptablebuilder.com\/de\/wp-json\/wp\/v2\/doc_tag?post=24283"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}