{"id":2639,"date":"2025-03-19T11:39:05","date_gmt":"2025-03-19T11:39:05","guid":{"rendered":"https:\/\/wptablebuilder.com\/?post_type=docs&#038;p=2639"},"modified":"2026-11-13T14:09:38","modified_gmt":"2026-11-13T14:09:38","password":"","slug":"espacement","status":"publish","type":"docs","link":"https:\/\/wptablebuilder.com\/fr\/docs\/spacing\/","title":{"rendered":"Comment ajouter de l\u2019espace entre les cellules dans WP Table Builder (Pro)"},"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) et, dans <strong>General<\/strong> activez <strong>Separate Rows\/Columns<\/strong>, puis r\u00e9glez <strong>Column Spacing<\/strong> et <strong>Row Spacing<\/strong> en px. Cliquez sur <strong>Save<\/strong>. Chaque cellule se d\u00e9tache alors comme une carte. Separate Rows\/Columns est une fonctionnalit\u00e9 de WP Table Builder Pro. <strong>Cell Padding<\/strong> et <strong>Table Padding<\/strong>, qui ajoutent de l\u2019espace dans les cellules et autour du tableau, sont gratuits.<\/p>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">L\u2019espacement change la densit\u00e9 d\u2019un tableau. Les espaces entre cellules cr\u00e9ent une mise en page en cartes, tandis que les marges int\u00e9rieures donnent de l\u2019air au contenu de chaque cellule.<\/p>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_0aacee33-fcd7-42fd-a24b-f832500626a2\"><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 (marges des cellules et du tableau) et Pro (Separate Rows\/Columns)<\/td><\/tr><tr><td><strong>Temps n\u00e9cessaire<\/strong><\/td><td>Environ 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_0f6232ab-3b28-4d86-a791-e3ac5d498127\"><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 d\u2019espacement<\/h2>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>R\u00e9glage<\/th><th>O\u00f9<\/th><th>Ce qu\u2019il fait<\/th><\/tr><\/thead><tbody><tr><td><strong>Cell Padding<\/strong><\/td><td>Settings &gt; General<\/td><td>Espace entre la bordure d\u2019une cellule et son contenu (10 px par d\u00e9faut)<\/td><\/tr><tr><td><strong>Table Padding<\/strong><\/td><td>Settings &gt; General<\/td><td>Espace autour du tableau entier. Utilisez l\u2019ic\u00f4ne de lien pour r\u00e9gler chaque c\u00f4t\u00e9.<\/td><\/tr><tr><td><strong>Separate Rows\/Columns<\/strong><\/td><td>Settings &gt; General<\/td><td>Ajoute des espaces entre les cellules (Pro)<\/td><\/tr><tr><td><strong>Column Spacing<\/strong> \/ <strong>Row Spacing<\/strong><\/td><td>Apparaissent quand Separate Rows\/Columns est activ\u00e9<\/td><td>Largeur des espaces entre colonnes et entre lignes, en px<\/td><\/tr><tr><td><strong>Padding<\/strong> \/ <strong>Margin<\/strong><\/td><td>R\u00e9glages de chaque \u00e9l\u00e9ment<\/td><td>Espace \u00e0 l\u2019int\u00e9rieur et autour d\u2019un \u00e9l\u00e9ment (Pro)<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_e58949e2-8e9a-4a6c-a849-ee8171dc83e8\"><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\">Ajouter des espaces entre les cellules (Pro)<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Ouvrez le tableau et cliquez sur <strong>Settings<\/strong> .<\/li>\n\n\n\n<li>Dans <strong>General<\/strong> (section), activez <strong>Separate Rows\/Columns<\/strong>.<\/li>\n\n\n\n<li>R\u00e9glez <strong>Column Spacing<\/strong> et <strong>Row Spacing<\/strong>, par exemple 8 px chacun.<\/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-general-settings-width-sort-th.jpg\" alt=\"R\u00e9glages General de WP Table Builder avec l\u2019interrupteur Separate Rows\/Columns sous Use th for first row\" class=\"wp-image-24275\" srcset=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-general-settings-width-sort-th.jpg 1440w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-general-settings-width-sort-th-300x150.jpg 300w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-general-settings-width-sort-th-1024x513.jpg 1024w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-general-settings-width-sort-th-768x385.jpg 768w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-general-settings-width-sort-th-18x9.jpg 18w\" sizes=\"auto, (max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Pour un rendu en cartes, combinez l\u2019espacement avec <strong>Cell Border Radius<\/strong> dans <strong>Border<\/strong> (section) et une couleur d\u2019arri\u00e8re-plan sur les cellules. Voir <a href=\"https:\/\/wptablebuilder.com\/fr\/documents\/table-border-radius\/\">Comment arrondir les coins d\u2019un tableau (rayon de bordure) dans WP Table Builder<\/a>.<\/p>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_9432d19b-01e6-4067-bdbc-e57144859ba5\"><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-698530a8-2ca0-440d-8031-1e774ca24e94\" 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-698530a8-2ca0-440d-8031-1e774ca24e94\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-698530a8-2ca0-440d-8031-1e774ca24e94\" style=\"color: #000000; \"><strong>Comment ajouter de l\u2019espace entre les lignes dans WP Table Builder ?<\/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-698530a8-2ca0-440d-8031-1e774ca24e94\">\n\n<p class=\"wp-block-paragraph\">Activez Separate Rows\/Columns dans la section General de l\u2019onglet Settings et r\u00e9glez Row Spacing. C\u2019est 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-1-698530a8-2ca0-440d-8031-1e774ca24e94\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-698530a8-2ca0-440d-8031-1e774ca24e94\" style=\"color: #000000; \"><strong>Comment ajouter plus d\u2019espace dans les cellules ?<\/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-698530a8-2ca0-440d-8031-1e774ca24e94\">\n\n<p class=\"wp-block-paragraph\">Augmentez Cell Padding dans la section General de l\u2019onglet Settings. C\u2019est gratuit.<\/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-698530a8-2ca0-440d-8031-1e774ca24e94\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-698530a8-2ca0-440d-8031-1e774ca24e94\" style=\"color: #000000; \"><strong>Quelle est la diff\u00e9rence entre marge int\u00e9rieure et espacement ?<\/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-698530a8-2ca0-440d-8031-1e774ca24e94\">\n\n<p class=\"wp-block-paragraph\">La marge int\u00e9rieure est l\u2019espace \u00e0 l\u2019int\u00e9rieur d\u2019une cellule ou autour du tableau. L\u2019espacement est l\u2019\u00e9cart entre les cellules.<\/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_028ecf01-40cd-4699-a77f-cab66b80c883\"><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\/table-border-radius\/\">Comment arrondir les coins d\u2019un tableau (rayon de bordure) dans WP Table Builder<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wptablebuilder.com\/fr\/documents\/modifiez-lechelle-de-la-colonne-et-letendue-de-la-table-wp-table-builder\/\">Comment modifier la hauteur des lignes et la largeur des colonnes dans WP Table Builder<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wptablebuilder.com\/fr\/documents\/table-centrale-wordpress\/\">Comment centrer un tableau<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wptablebuilder.com\/fr\/documents\/ajouter-des-bordures-a-une-table-dans-wordpress\/\">Comment ajouter des bordures \u00e0 un tableau dans WP Table Builder<\/a><\/li>\n<\/ul>","protected":false},"excerpt":{"rendered":"<p>Add gaps between rows and columns, and control cell and table padding.<\/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-2639","docs","type-docs","status-publish","hentry","doc_category-styling-design"],"year_month":"2026-11","word_count":337,"total_views":"7","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\/2639","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=2639"}],"version-history":[{"count":1,"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/docs\/2639\/revisions"}],"predecessor-version":[{"id":24329,"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/docs\/2639\/revisions\/24329"}],"wp:attachment":[{"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/media?parent=2639"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/doc_category?post=2639"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/doc_tag?post=2639"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}