{"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\/fr\/docs\/table-border-radius\/","title":{"rendered":"Comment arrondir les coins d\u2019un tableau (rayon de bordure) dans 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\">R\u00e9ponse rapide<\/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\">Ouvrez le tableau dans le constructeur, allez dans <strong>Settings<\/strong> (onglet), d\u00e9pliez <strong>Border<\/strong> et d\u00e9finissez <strong>Table Border Radius<\/strong> en pixels, par exemple 12. Cliquez sur <strong>Save<\/strong>. Le tableau obtient des coins arrondis. Utilisez l\u2019ic\u00f4ne de lien \u00e0 c\u00f4t\u00e9 du r\u00e9glage pour donner un rayon diff\u00e9rent \u00e0 chaque coin. Table Border Radius est gratuit. Les coins arrondis sur chaque cellule (Cell Border Radius) n\u00e9cessitent WP Table Builder Pro.<\/p>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Les coins arrondis donnent au tableau un aspect plus doux et plus moderne, et s\u2019accordent avec de nombreux th\u00e8mes WordPress et designs en cartes actuels.<\/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\">Pr\u00e9requis<\/h2>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>\u00c9l\u00e9ment<\/th><th>D\u00e9tails<\/th><\/tr><\/thead><tbody><tr><td><strong>Offre<\/strong><\/td><td>Gratuit (Table Border Radius) et Pro (Cell Border Radius)<\/td><\/tr><tr><td><strong>Version de l\u2019extension<\/strong><\/td><td>WP Table Builder 2.2.0 ou plus r\u00e9cent<\/td><\/tr><tr><td><strong>Temps n\u00e9cessaire<\/strong><\/td><td>Moins d\u2019une 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\">\u00c9tape 1 : D\u00e9finir le rayon de bordure du tableau<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Allez dans <strong>WP Table Builder &gt; All Tables<\/strong> et cliquez sur <strong>Edit<\/strong> sous votre tableau.<\/li>\n\n\n\n<li>Cliquez sur <strong>Settings<\/strong> (onglet) et d\u00e9pliez <strong>Border<\/strong>.<\/li>\n\n\n\n<li>Saisissez une valeur dans <strong>Table Border Radius<\/strong>, ou faites glisser le curseur. Des valeurs entre 8 et 16 px conviennent \u00e0 la plupart des designs.<\/li>\n\n\n\n<li>Cliquez sur <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=\"Section Border de WP Table Builder avec Table Border Radius r\u00e9gl\u00e9 sur 12px et le tableau aux coins arrondis\" 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\">\u00c9tape 2 (facultatif) : D\u00e9finir des coins diff\u00e9rents<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Cliquez sur l\u2019ic\u00f4ne de lien \u00e0 c\u00f4t\u00e9 de <strong>Table Border Radius<\/strong> pour dissocier les coins, puis d\u00e9finissez s\u00e9par\u00e9ment les rayons en haut \u00e0 gauche, en haut \u00e0 droite, en bas \u00e0 droite et en bas \u00e0 gauche. Par exemple, n\u2019arrondissez que les coins du haut si le tableau repose directement sur un autre \u00e9l\u00e9ment.<\/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\">Arrondir chaque cellule (Pro)<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Dans WP Table Builder Pro, la section <strong>Border<\/strong> propose aussi <strong>Cell Border Radius<\/strong>, qui arrondit les coins de chaque cellule. Cela fonctionne mieux avec la section <strong>Separate Rows\/Columns<\/strong> dans <strong>General<\/strong> , qui ajoute de l\u2019espace entre les cellules pour que chacune ressemble \u00e0 une carte. Voir <a href=\"https:\/\/wptablebuilder.com\/fr\/documents\/espacement\/\">Comment ajouter de l\u2019espacement (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\">R\u00e9glages de bordure associ\u00e9s<\/h2>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>R\u00e9glage<\/th><th>Ce qu\u2019il fait<\/th><\/tr><\/thead><tbody><tr><td><strong>Table Border<\/strong><\/td><td>Largeur et couleur de la bordure ext\u00e9rieure<\/td><\/tr><tr><td><strong>Enable Inner Border<\/strong> \/ <strong>Inner Border<\/strong><\/td><td>Lignes entre les cellules<\/td><\/tr><tr><td><strong>Header Inner Border<\/strong><\/td><td>Lignes \u00e0 l\u2019int\u00e9rieur de la ligne d\u2019en-t\u00eate<\/td><\/tr><tr><td><strong>Column Only Border<\/strong> \/ <strong>Row Only Border<\/strong><\/td><td>Afficher uniquement les lignes int\u00e9rieures verticales ou horizontales (Pro)<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Voir <a href=\"https:\/\/wptablebuilder.com\/fr\/documents\/ajouter-des-bordures-a-une-table-dans-wordpress\/\">Comment ajouter des bordures \u00e0 un tableau<\/a> et <a href=\"https:\/\/wptablebuilder.com\/fr\/documents\/supprimer-les-bordures-de-table-dans-wordpress\/\">Comment supprimer les bordures d\u2019un tableau<\/a> pour les guides complets sur les bordures.<\/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\">Questions fr\u00e9quentes<\/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>Comment arrondir les coins d\u2019un tableau dans 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\">Dans WP Table Builder, ouvrez l\u2019onglet Settings du tableau, d\u00e9pliez Border et d\u00e9finissez Table Border Radius, par exemple sur 12px. Cliquez sur 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>L\u2019option de rayon de bordure est-elle gratuite ?<\/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\">Oui. Table Border Radius est gratuit. Cell Border Radius, qui arrondit chaque cellule, est une fonctionnalit\u00e9 Pro.<\/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>Mes coins arrondis laissent appara\u00eetre un fond carr\u00e9 derri\u00e8re. Comment corriger cela ?<\/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\">V\u00e9rifiez que les cellules et la ligne d\u2019en-t\u00eate n\u2019ont pas une couleur d\u2019arri\u00e8re-plan qui d\u00e9passe la bordure du tableau, et que votre th\u00e8me n\u2019ajoute pas sa propre bordure. Activer Disable theme styles dans les r\u00e9glages de WP Table Builder peut aider.<\/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\">Documents associ\u00e9s<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/wptablebuilder.com\/fr\/documents\/ajouter-des-bordures-a-une-table-dans-wordpress\/\">Comment ajouter des bordures \u00e0 un tableau<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wptablebuilder.com\/fr\/documents\/supprimer-les-bordures-de-table-dans-wordpress\/\">Comment supprimer les bordures d\u2019un tableau<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wptablebuilder.com\/fr\/documents\/espacement\/\">Comment ajouter de l\u2019espacement (PRO)<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wptablebuilder.com\/fr\/documents\/comment-changer-la-couleur-darriere-plan-de-la-rubrique-en-haut\/\">Comment modifier la couleur d\u2019arri\u00e8re-plan de l\u2019en-t\u00eate<\/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\/fr\/author\/wpx_roadtobl\/"},"doc_category_info":[{"term_name":"Styling &amp; Design","term_url":"https:\/\/wptablebuilder.com\/fr\/docs-category\/styling-design\/"}],"doc_tag_info":[],"_links":{"self":[{"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/docs\/24283","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/comments?post=24283"}],"version-history":[{"count":0,"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/docs\/24283\/revisions"}],"wp:attachment":[{"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/media?parent=24283"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/doc_category?post=24283"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/doc_tag?post=24283"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}