{"id":2755,"date":"2026-04-27T15:10:33","date_gmt":"2026-04-27T15:10:33","guid":{"rendered":"https:\/\/wptablebuilder.com\/?post_type=docs&#038;p=2755"},"modified":"2026-11-13T14:58:23","modified_gmt":"2026-11-13T14:58:23","password":"","slug":"editeur-de-blocs-de-tableur-de-la-bibliotheque-wp-table-builder-de-gutenberg","status":"publish","type":"docs","link":"https:\/\/wptablebuilder.com\/fr\/docs\/wp-table-builder-block-editor-gutenberg\/","title":{"rendered":"Comment ajouter un tableau WP Table Builder dans l\u2019\u00e9diteur de blocs Gutenberg"},"content":{"rendered":"\n<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\">Quick Answer<\/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\">In the block editor, click <strong>+<\/strong> (Block Inserter), search for <strong>WP Table Builder<\/strong> and add the block. Click a table in the list (or search for it) to insert it. The block shows a live preview of the table. Use <strong>Change Table<\/strong> in the block settings to pick a different table, or <strong>Edit Table<\/strong> to open it in the table builder.<\/p>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">The WP Table Builder block is the easiest way to add a table to a post or page in the WordPress block editor (Gutenberg). It works in posts, pages and any custom post type that uses the block editor, and it is included in the free plugin.<\/p>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_123cfe7a-91ad-423e-b887-07e4d6732fbb\"><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\">Requirements<\/h2>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>Item<\/th><th>Details<\/th><\/tr><\/thead><tbody><tr><td><strong>Plan<\/strong><\/td><td>Free and Pro<\/td><\/tr><tr><td><strong>Editor<\/strong><\/td><td>WordPress block editor (Gutenberg)<\/td><\/tr><tr><td><strong>A table<\/strong><\/td><td>At least one saved table, or create one from the block<\/td><\/tr><tr><td><strong>Time needed<\/strong><\/td><td>Under 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_888a0fd5-9611-4b2d-8b08-94797483e16b\"><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\">Step 1: Add the WP Table Builder block<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Open the post or page in the block editor.<\/li>\n\n\n\n<li>Click <strong>+<\/strong> (Block Inserter) in the top left, or type <code>\/table builder<\/code> in an empty paragraph.<\/li>\n\n\n\n<li>Search for <strong>WP Table Builder<\/strong> and click the block.<\/li>\n<\/ol>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_70c4443b-9ab5-49be-a597-da75d0fd1f32\"><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\">Step 2: Choose a table<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The block shows your tables with their <strong>ID<\/strong>, <strong>Title<\/strong> and <strong>Last Modified<\/strong> date.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Type in <strong>Search&#8230;<\/strong> to find a table by name or ID.<\/li>\n\n\n\n<li>Click the table you want.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">To build a new table without leaving the page, click <strong>Create<\/strong> at the top of the block.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1440\" height=\"698\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-gutenberg-block-table-picker.jpg\" alt=\"WP Table Builder block in the Gutenberg editor showing the table list with search, Tables and Create tabs\" class=\"wp-image-24292\" srcset=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-gutenberg-block-table-picker.jpg 1440w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-gutenberg-block-table-picker-300x145.jpg 300w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-gutenberg-block-table-picker-1024x496.jpg 1024w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-gutenberg-block-table-picker-768x372.jpg 768w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-gutenberg-block-table-picker-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_4579d951-1b03-48fd-9728-a404fed5e0f5\"><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\">Step 3: Preview, change or edit the table<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">After you pick a table, the block shows a live preview. In the block settings sidebar:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Change Table<\/strong> returns to the table list so you can pick another table.<\/li>\n\n\n\n<li><strong>Edit Table<\/strong> opens the table in the WP Table Builder builder.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Use the alignment button in the block toolbar to set wide or full width if your theme supports it.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1440\" height=\"698\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-gutenberg-block-table-preview.jpg\" alt=\"WP Table Builder block showing a live table preview with the Change Table and Edit Table buttons in the sidebar\" class=\"wp-image-24293\" srcset=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-gutenberg-block-table-preview.jpg 1440w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-gutenberg-block-table-preview-300x145.jpg 300w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-gutenberg-block-table-preview-1024x496.jpg 1024w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-gutenberg-block-table-preview-768x372.jpg 768w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-gutenberg-block-table-preview-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_9ce1aa01-797f-45e1-a598-e0f00920acf4\"><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\">Step 4: Publish<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Click <strong>Update<\/strong> or <strong>Publish<\/strong>. The table appears on your site exactly as it does in the preview, with search, sorting and pagination working for visitors.<\/p>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_b793483f-2ad8-4977-a0bf-3eb088012453\"><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\">Alternative: the Shortcode block<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">You can also add a <strong>Shortcode<\/strong> block and paste the table shortcode, for example <code>[wptb id=123]<\/code>. This is useful in block themes&#8217; templates, reusable blocks or places where the WP Table Builder block is not available. See <a href=\"https:\/\/wptablebuilder.com\/docs\/embed-table-shortcode\/\">How to Embed a WP Table Builder Table With a Shortcode<\/a>.<\/p>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_423d1591-1aa2-4209-bb21-a05563f7a9a3\"><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\">Frequently asked questions<\/h2>\n\n\n<div class=\"wp-block-ub-content-toggle wp-block-ub-content-toggle-block\" id=\"ub-content-toggle-block-95b4ddf4-e2a3-4b54-bb83-52b6bbc687fd\" 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-95b4ddf4-e2a3-4b54-bb83-52b6bbc687fd\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-95b4ddf4-e2a3-4b54-bb83-52b6bbc687fd\" style=\"color: #000000; \"><strong>How do I add a WP Table Builder table to a WordPress post?<\/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-95b4ddf4-e2a3-4b54-bb83-52b6bbc687fd\">\n\n<p class=\"wp-block-paragraph\">In the block editor, add the WP Table Builder block, then click the table you want in the list. Publish or update the post.<\/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-95b4ddf4-e2a3-4b54-bb83-52b6bbc687fd\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-95b4ddf4-e2a3-4b54-bb83-52b6bbc687fd\" style=\"color: #000000; \"><strong>What is the name of the WP Table Builder block?<\/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-95b4ddf4-e2a3-4b54-bb83-52b6bbc687fd\">\n\n<p class=\"wp-block-paragraph\">The block is called WP Table Builder. Search for &#8220;Table Builder&#8221; in the block inserter.<\/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-95b4ddf4-e2a3-4b54-bb83-52b6bbc687fd\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-95b4ddf4-e2a3-4b54-bb83-52b6bbc687fd\" style=\"color: #000000; \"><strong>Can I edit the table from the block editor?<\/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-95b4ddf4-e2a3-4b54-bb83-52b6bbc687fd\">\n\n<p class=\"wp-block-paragraph\">Yes. Select the block and click Edit Table in the block settings sidebar to open the table in the WP Table Builder builder. Save the table, then return to the post.<\/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-95b4ddf4-e2a3-4b54-bb83-52b6bbc687fd\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-95b4ddf4-e2a3-4b54-bb83-52b6bbc687fd\" style=\"color: #000000; \"><strong>Can I create a new table from the block?<\/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-95b4ddf4-e2a3-4b54-bb83-52b6bbc687fd\">\n\n<p class=\"wp-block-paragraph\">Yes. Click Create at the top of the block to start a new table.<\/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-4-95b4ddf4-e2a3-4b54-bb83-52b6bbc687fd\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-95b4ddf4-e2a3-4b54-bb83-52b6bbc687fd\" style=\"color: #000000; \"><strong>Does the block work with full site editing and block themes?<\/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-4-95b4ddf4-e2a3-4b54-bb83-52b6bbc687fd\">\n\n<p class=\"wp-block-paragraph\">Yes. You can use the WP Table Builder block or a Shortcode block with the table shortcode in templates and template parts.<\/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_8caa4293-3d6c-41e5-8bb8-de49045b47d9\"><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\">Related docs<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/wptablebuilder.com\/docs\/embed-table-shortcode\/\">How to Embed a WP Table Builder Table With a Shortcode<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wptablebuilder.com\/docs\/add-table-elementor\/\">How to Add a WP Table Builder Table in Elementor<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wptablebuilder.com\/docs\/adding-tables-in-divi\/\">How to Use &#8216;WP Table Builder&#8217; with Divi<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wptablebuilder.com\/docs\/create-first-table-wp-table-builder\/\">How to Create Your First Table in WP Table Builder<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wptablebuilder.com\/docs\/manage-tables\/\">How to Manage Tables in WP Table Builder (Search, Duplicate, Trash, Restore)<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Add, change and edit WP Table Builder tables with the WP Table Builder block in the block editor.<\/p>","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[102],"doc_tag":[],"class_list":["post-2755","docs","type-docs","status-publish","hentry","doc_category-embedding-integrations"],"year_month":"2026-11","word_count":527,"total_views":"24","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":"Embedding &amp; Integrations","term_url":"https:\/\/wptablebuilder.com\/fr\/docs-category\/embedding-integrations\/"}],"doc_tag_info":[],"_links":{"self":[{"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/docs\/2755","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=2755"}],"version-history":[{"count":2,"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/docs\/2755\/revisions"}],"predecessor-version":[{"id":24373,"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/docs\/2755\/revisions\/24373"}],"wp:attachment":[{"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/media?parent=2755"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/doc_category?post=2755"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/doc_tag?post=2755"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}