{"id":7215,"date":"2025-03-19T08:33:35","date_gmt":"2025-03-19T08:33:35","guid":{"rendered":"https:\/\/wptablebuilder.com\/?post_type=docs&#038;p=7215"},"modified":"2026-11-13T14:58:28","modified_gmt":"2026-11-13T14:58:28","password":"","slug":"ajouter-des-tables-dans-divi","status":"publish","type":"docs","link":"https:\/\/wptablebuilder.com\/fr\/docs\/adding-tables-in-divi\/","title":{"rendered":"Comment ajouter un tableau WP Table Builder dans Divi"},"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\">Copy the table&#8217;s shortcode (for example <code>[wptb id=123]<\/code>) from <strong>Embed<\/strong> in the WP Table Builder builder. In the Divi Builder, add a <strong>Code<\/strong> module (or a <strong>Text<\/strong> module) to a row, paste the shortcode and save. You can also use the <strong>WP Table Builder<\/strong> module mentioned in the plugin&#8217;s Embed dialog. Click <strong>Save<\/strong> in Divi and view the page.<\/p>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Divi is a WordPress theme and page builder from Elegant Themes. WP Table Builder tables can be added to any Divi layout, including the Theme Builder.<\/p>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_7cc89029-56f5-4fa9-9473-fd3da40f13e8\"><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>WP Table Builder Free or Pro<\/td><\/tr><tr><td><strong>Theme or builder<\/strong><\/td><td>Divi theme or the Divi Builder plugin<\/td><\/tr><tr><td><strong>A saved table<\/strong><\/td><td>See <a href=\"https:\/\/wptablebuilder.com\/docs\/create-first-table-wp-table-builder\/\">How to Create Your First Table in WP Table Builder<\/a> if you do not have one yet<\/td><\/tr><tr><td><strong>Time needed<\/strong><\/td><td>About 2 minutes<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_71b5b53c-8df4-4ffb-a363-a64e0618688c\"><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: Copy the table shortcode<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Go to <strong>WP Table Builder > All Tables<\/strong> and click <strong>Edit<\/strong> under your table.<\/li>\n\n\n\n<li>Click <strong>Embed<\/strong> in the top bar and click <strong>Copy<\/strong> next to the shortcode.<\/li>\n<\/ol>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_6e2d4dff-28c3-4ac4-b7ff-1c4a071ff9f9\"><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: Add a module in Divi<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Open the page and click <strong>Enable Visual Builder<\/strong> (or edit it in the backend builder).<\/li>\n\n\n\n<li>Click the gray <strong>+<\/strong> inside a row to add a module.<\/li>\n\n\n\n<li>Choose the <strong>WP Table Builder<\/strong> module if it appears in the list, or the <strong>Code<\/strong> module.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1234\" height=\"728\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-18_12-00-07-1.gif\" alt=\"Adding a module to a row in the Divi Builder\" class=\"wp-image-20694\"\/><\/figure>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_22119244-dbf6-4c56-82b8-e8b92f794709\"><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: Paste the shortcode<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Paste the shortcode into the module&#8217;s content field and click the green check mark to save the module.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"720\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2021\/11\/Embedding-Shorcode-in-Divi.gif\" alt=\"A WP Table Builder shortcode pasted into a Divi module\" class=\"wp-image-7155\"\/><\/figure>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_2dad66b6-9ac1-4427-ab23-2b112750802f\"><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: Save and check the page<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Click <strong>Save<\/strong> in the bottom bar of the Divi Builder, then view the page. Divi&#8217;s builder may not run every table script, so check the live page for search, sorting and responsive behavior.<\/p>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_3971098d-a8ca-471e-b02c-5b0d1bf209d8\"><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\">Troubleshooting<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>The table looks different from the builder:<\/strong> Divi&#8217;s styles can affect tables. Turn on <strong>Disable theme styles<\/strong> under <strong>WP Table Builder > Settings > General<\/strong>. See <a href=\"https:\/\/wptablebuilder.com\/docs\/disable-theme-styles-for-table\/\">How to Disable &#8216;Theme Styles&#8217; For Table<\/a>.<\/li>\n\n\n\n<li><strong>The table is too wide on phones:<\/strong> turn on <a href=\"https:\/\/wptablebuilder.com\/docs\/horizontal-scroll-table\/\">horizontal scrolling<\/a> or <a href=\"https:\/\/wptablebuilder.com\/docs\/make-table-responsive-wordpress\/\">responsive mode<\/a>.<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_0e401238-7e91-4749-9be9-18d6e03f204f\"><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-22414df0-cd4c-4842-9eb6-94f4492e9efc\" 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-22414df0-cd4c-4842-9eb6-94f4492e9efc\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-22414df0-cd4c-4842-9eb6-94f4492e9efc\" style=\"color: #000000; \"><strong>Does WP Table Builder work with Divi?<\/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-22414df0-cd4c-4842-9eb6-94f4492e9efc\">\n\n<p class=\"wp-block-paragraph\">Yes. Paste the table shortcode into a Code or Text module, or use the WP Table Builder module, then save the page.<\/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-22414df0-cd4c-4842-9eb6-94f4492e9efc\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-22414df0-cd4c-4842-9eb6-94f4492e9efc\" style=\"color: #000000; \"><strong>Can I add a table to a Divi Theme Builder template?<\/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-22414df0-cd4c-4842-9eb6-94f4492e9efc\">\n\n<p class=\"wp-block-paragraph\">Yes. Add a Code module with the table shortcode to the template, for example a post template or footer.<\/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-22414df0-cd4c-4842-9eb6-94f4492e9efc\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-22414df0-cd4c-4842-9eb6-94f4492e9efc\" style=\"color: #000000; \"><strong>Why do Divi styles change my table?<\/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-22414df0-cd4c-4842-9eb6-94f4492e9efc\">\n\n<p class=\"wp-block-paragraph\">Divi applies its own styles to tables. Turn on Disable theme styles in WP Table Builder settings to keep the table&#8217;s own design.<\/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_9dcd1ec5-a2bb-4041-a973-9a4036d9565f\"><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\/wp-table-builder-block-editor-gutenberg\/\">How to Add a WP Table Builder Table in the Gutenberg Block Editor<\/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\/disable-theme-styles-for-table\/\">How to Disable &#8216;Theme Styles&#8217; For Table<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Embed WP Table Builder tables in Divi with the WP Table Builder module or a Code module.<\/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-7215","docs","type-docs","status-publish","hentry","doc_category-embedding-integrations"],"year_month":"2026-11","word_count":418,"total_views":"30","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\/7215","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=7215"}],"version-history":[{"count":2,"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/docs\/7215\/revisions"}],"predecessor-version":[{"id":24376,"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/docs\/7215\/revisions\/24376"}],"wp:attachment":[{"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/media?parent=7215"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/doc_category?post=7215"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/doc_tag?post=7215"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}