{"id":24270,"date":"2026-11-13T13:48:07","date_gmt":"2026-11-13T13:48:07","guid":{"rendered":"https:\/\/wptablebuilder.com\/docs\/block-tree\/"},"modified":"2026-11-13T13:48:07","modified_gmt":"2026-11-13T13:48:07","password":"","slug":"arborescence-des-blocs","status":"publish","type":"docs","link":"https:\/\/wptablebuilder.com\/fr\/docs\/block-tree\/","title":{"rendered":"Comment utiliser l\u2019arborescence des blocs 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\">Cliquez sur <strong>Open block tree<\/strong> dans la barre sup\u00e9rieure du constructeur WP Table Builder (l\u2019ic\u00f4ne \u00e0 gauche de <strong>Assistant IA<\/strong>). Un panneau s\u2019ouvre \u00e0 droite et liste chaque ligne, cellule et \u00e9l\u00e9ment du tableau. Cliquez sur un \u00e9l\u00e9ment pour le s\u00e9lectionner dans le tableau, d\u00e9pliez les lignes pour voir leurs cellules et glissez les \u00e9l\u00e9ments dans la liste pour les r\u00e9ordonner.<\/p>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">L\u2019arborescence des blocs est un plan de votre tableau. Elle montre la structure (tableau, lignes, cellules et \u00e9l\u00e9ments de chaque cellule) sous forme de liste imbriqu\u00e9e, ce qui rend les grands tableaux bien plus faciles \u00e0 parcourir et \u00e0 modifier.<\/p>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_2871d5a7-4749-46c6-82cd-712cdf0b675a\"><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 et Pro<\/td><\/tr><tr><td><strong>Version de l\u2019extension<\/strong><\/td><td>WP Table Builder 2.2.3 ou plus r\u00e9cent<\/td><\/tr><tr><td><strong>Temps n\u00e9cessaire<\/strong><\/td><td>Aucun, c\u2019est un outil de navigation<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_5a125388-d1e7-4f47-a7b2-62826eeff888\"><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\">Ouvrir l\u2019arborescence des blocs<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Ouvrez un tableau dans le constructeur.<\/li>\n\n\n\n<li>Cliquez sur <strong>Open block tree<\/strong> dans la barre sup\u00e9rieure. L\u2019ic\u00f4ne se trouve entre <strong>Save<\/strong> et <strong>Assistant IA<\/strong>.<\/li>\n\n\n\n<li>Cliquez de nouveau dessus, ou cliquez sur le <strong>X<\/strong> dans le panneau, pour le fermer.<\/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-block-tree.jpg\" alt=\"Panneau de l\u2019arborescence des blocs de WP Table Builder avec la ligne 2 d\u00e9pli\u00e9e pour afficher ses cellules et \u00e9l\u00e9ments\" class=\"wp-image-24264\" srcset=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-block-tree.jpg 1440w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-block-tree-300x150.jpg 300w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-block-tree-1024x513.jpg 1024w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-block-tree-768x385.jpg 768w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-block-tree-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_d0899be8-412e-47b1-997b-0904b3a018ca\"><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\">Ce que montre l\u2019arborescence des blocs<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>La section <strong>table<\/strong> en haut, avec sa taille, par exemple <strong>Element showcase 11 \u00d7 4<\/strong>.<\/li>\n\n\n\n<li>Chaque <strong>ligne<\/strong>, avec le nombre de cellules, par exemple <strong>Row 2 4 cells<\/strong>.<\/li>\n\n\n\n<li>Chaque <strong>cellule<\/strong>, nomm\u00e9e par la lettre de colonne et le num\u00e9ro de ligne (par exemple <strong>Cell A2<\/strong>), avec les types d\u2019\u00e9l\u00e9ments qu\u2019elle contient.<\/li>\n\n\n\n<li>Chaque <strong>\u00e9l\u00e9ment<\/strong> dans une cellule, comme <strong>Texte<\/strong>, <strong>Bouton<\/strong> ou <strong>Custom Html<\/strong>.<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_4658eb38-122b-4bd6-9d02-ee4cff674f2d\"><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\">Ce que vous pouvez faire dans l\u2019arborescence des blocs<\/h2>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>Action<\/th><th>Comment<\/th><\/tr><\/thead><tbody><tr><td>S\u00e9lectionner un \u00e9l\u00e9ment dans le tableau<\/td><td>Cliquez dessus dans la liste. Le constructeur le s\u00e9lectionne et affiche ses r\u00e9glages dans le panneau de gauche.<\/td><\/tr><tr><td>D\u00e9plier ou replier une ligne ou une cellule<\/td><td>Cliquez sur la fl\u00e8che \u00e0 c\u00f4t\u00e9<\/td><\/tr><tr><td>Tout d\u00e9plier ou tout replier<\/td><td>Utilisez les deux ic\u00f4nes en haut du panneau<\/td><\/tr><tr><td>R\u00e9ordonner les \u00e9l\u00e9ments<\/td><td>Glissez un \u00e9l\u00e9ment vers le haut ou le bas dans la liste<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_32cec21d-4e92-4db9-9422-2be77118aa66\"><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\">Quand l\u2019arborescence des blocs est la plus utile<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>S\u00e9lectionner des \u00e9l\u00e9ments petits ou masqu\u00e9s<\/strong>, comme un \u00e9l\u00e9ment de texte vide ou un \u00e9l\u00e9ment sous un ruban.<\/li>\n\n\n\n<li><strong>Grands tableaux<\/strong>, o\u00f9 faire d\u00e9filer le canevas pour trouver une cellule est lent.<\/li>\n\n\n\n<li><strong>Cellules contenant plusieurs \u00e9l\u00e9ments<\/strong>, quand vous devez changer leur ordre.<\/li>\n\n\n\n<li><strong>Trouver le nom d\u2019une cellule<\/strong> (comme <strong>Cell C4<\/strong>) \u00e0 utiliser dans une mention de l\u2019Assistant IA comme <code>@Cell:4,3<\/code>.<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_024c22d5-9ead-490d-aa76-19d304a6a03d\"><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-7e98b052-402c-43c5-b708-8434e65ecd34\" 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-7e98b052-402c-43c5-b708-8434e65ecd34\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-7e98b052-402c-43c5-b708-8434e65ecd34\" style=\"color: #000000; \"><strong>Qu\u2019est-ce que l\u2019arborescence des blocs 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-7e98b052-402c-43c5-b708-8434e65ecd34\">\n\n<p class=\"wp-block-paragraph\">L\u2019arborescence des blocs est un panneau qui liste les lignes, cellules et \u00e9l\u00e9ments du tableau sous forme de plan imbriqu\u00e9. Elle sert \u00e0 s\u00e9lectionner et r\u00e9ordonner les \u00e9l\u00e9ments sans les chercher sur le canevas.<\/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-7e98b052-402c-43c5-b708-8434e65ecd34\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-7e98b052-402c-43c5-b708-8434e65ecd34\" style=\"color: #000000; \"><strong>Puis-je d\u00e9placer des \u00e9l\u00e9ments entre les cellules avec l\u2019arborescence des blocs ?<\/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-7e98b052-402c-43c5-b708-8434e65ecd34\">\n\n<p class=\"wp-block-paragraph\">Vous pouvez glisser les \u00e9l\u00e9ments dans la liste pour les r\u00e9ordonner. Pour d\u00e9placer un \u00e9l\u00e9ment dans le tableau lui-m\u00eame, vous pouvez aussi utiliser le bouton Move block de la barre d\u2019outils flottante de l\u2019\u00e9l\u00e9ment.<\/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-7e98b052-402c-43c5-b708-8434e65ecd34\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-7e98b052-402c-43c5-b708-8434e65ecd34\" style=\"color: #000000; \"><strong>L\u2019arborescence des blocs est-elle une fonctionnalit\u00e9 Pro ?<\/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-7e98b052-402c-43c5-b708-8434e65ecd34\">\n\n<p class=\"wp-block-paragraph\">Non. L\u2019arborescence des blocs est disponible dans la version gratuite de WP Table Builder.<\/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_9c0d2217-112a-4908-a320-de22db41fdcc\"><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\/comment-utiliser-le-constructeur-de-table-de-wp-dans-le-tableau-de-bord-de-wordpress\/\">Interface de WP Table Builder : visite guid\u00e9e du constructeur de tableaux<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wptablebuilder.com\/fr\/documents\/comment-annuler-les-modifications-reiterees-dans-le-constructeur-de-table-de-wp\/\">Comment annuler et r\u00e9tablir des modifications dans WP Table Builder<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wptablebuilder.com\/fr\/documents\/ajouter-des-lignes-ou-des-colonnes-a-une-table-existante\/\">Comment ajouter des lignes ou des colonnes \u00e0 un tableau existant<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wptablebuilder.com\/fr\/documents\/use-ai-assistant\/\">Comment utiliser l\u2019Assistant IA dans WP Table Builder<\/a><\/li>\n<\/ul>","protected":false},"excerpt":{"rendered":"<p>See every row, cell and element as an outline and select or reorder them quickly.<\/p>","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[97],"doc_tag":[],"class_list":["post-24270","docs","type-docs","status-publish","hentry","doc_category-building-tables"],"year_month":"2026-11","word_count":462,"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":"Building Tables","term_url":"https:\/\/wptablebuilder.com\/fr\/docs-category\/building-tables\/"}],"doc_tag_info":[],"_links":{"self":[{"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/docs\/24270","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=24270"}],"version-history":[{"count":0,"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/docs\/24270\/revisions"}],"wp:attachment":[{"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/media?parent=24270"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/doc_category?post=24270"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/doc_tag?post=24270"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}