{"id":1918,"date":"2026-04-09T04:09:25","date_gmt":"2026-04-09T04:09:25","guid":{"rendered":"https:\/\/wptablebuilder.com\/?post_type=docs&#038;p=1918"},"modified":"2026-04-20T06:19:17","modified_gmt":"2026-04-20T06:19:17","password":"","slug":"create-first-table-wp-table-builder","status":"publish","type":"docs","link":"https:\/\/wptablebuilder.com\/fr\/docs\/create-first-table-wp-table-builder\/","title":{"rendered":"How to Create Your First Table in WP Table Builder"},"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\">Go to <code><strong>WP Table Builder \u2192 Add New<\/strong><\/code>, set rows and columns, drag elements into cells, save the table, then click <code>Embed<\/code> to copy a shortcode you can paste into any WordPress post or page.<\/p>\n<\/div>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal is-style-separator-thin\" id=\"ub_divider_0709a557-0a84-441f-96c3-6eaa02e31504\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 100%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line is-style-separator-thin\" 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 or Pro \u2014 this tutorial uses only Free features<\/td><\/tr><tr><td><strong>Plugin<\/strong><\/td><td>WP Table Builder installed and activated (<a href=\"https:\/\/wptablebuilder.com\/docs\/install-activate-wp-table-builder\/\">see install guide<\/a>)<\/td><\/tr><tr><td><strong>WordPress<\/strong><\/td><td>Version 5.0 or later<\/td><\/tr><tr><td><strong>User role<\/strong><\/td><td>Administrator, or a role with WP Table Builder permissions (<a href=\"https:\/\/wptablebuilder.com\/docs\/how-to-manage-user-roles\/\">manage user roles<\/a>)<\/td><\/tr><tr><td><strong>Time needed<\/strong><\/td><td>About 5 minutes<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_abddeaf4-0a65-4f8e-9fb6-7bc4168831f0\"><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\">What you&#8217;ll build<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">In this tutorial, you&#8217;ll build a simple product table with five element types: a text heading, a product image, a feature list, a star rating, and a call-to-action button. By the end, you&#8217;ll know how to add any element to any cell and how to embed the finished table anywhere on your WordPress site.<\/p>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_17eb7632-591d-4091-be93-f7616b42ec55\"><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: Open the table builder<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Once WP Table Builder is installed and activated, open your WordPress dashboard. You&#8217;ll see a new <strong>WP Table Builder<\/strong> menu item in the left admin sidebar.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Hover over the <strong>WP Table Builder<\/strong> menu, then click <strong>Add New<\/strong> in the flyout.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2020\/01\/2025-03-09_19-02-42.png\" alt=\"Add New menu in WP Table Builder\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Alternatively, click the <strong>WP Table Builder<\/strong> menu item (1) and then <strong>Add New<\/strong> (2) from the secondary sidebar.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2025\/03\/2025-03-09_20-53-45-1.png\" alt=\"Alternative path to Add New\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Step 2: Set rows and columns<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">On the setup screen, enter the number of <strong>rows (1)<\/strong> and <strong>columns (2)<\/strong> your table needs, then click <strong>Create New (3)<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You can add or remove rows and columns later, so don&#8217;t worry about getting this exact.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2020\/01\/2025-03-09_19-08-29-1.png\" alt=\"Choose rows and columns\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Step 3: Name your table<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">You&#8217;ll now see the WP Table Builder editor. Type a name for your table in the title field at the top (1). A clear name makes tables easier to find later when you have many of them.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2020\/01\/2025-03-09_19-21-03-1024x555.png\" alt=\"Name your table\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Step 4: Understand elements (Free vs Pro)<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">WP Table Builder has two types of elements:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Basic elements<\/strong> (Free and Pro): Text, Image, List, Star Rating, Button, Custom HTML, Shortcode<\/li>\n\n\n\n<li><strong>Pro elements<\/strong>: Icon, Text Icon, Styled List, Circle Rating, Ribbon, Badge, Progress Bar<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Basic elements are available in both the Free and Pro versions. Pro elements require a <a href=\"https:\/\/wptablebuilder.com\/pricing\/\" target=\"_blank\" rel=\"noreferrer noopener\">WP Table Builder Pro license<\/a>.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8d39b2df wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2020\/01\/2025-03-09_19-25-58-1.png\" alt=\"Basic elements panel\"\/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2020\/01\/2025-03-09_19-26-13.png\" alt=\"Pro elements panel\"\/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">To add any element, drag it from the left sidebar and drop it into a table cell.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Step 5: Add text<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Text is the most common element. There are two ways to add it:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Drag and drop<\/strong>: Drag the <strong>Text<\/strong> element from the sidebar into a cell.<\/li>\n\n\n\n<li><strong>Click to type<\/strong>: Click directly inside any empty cell and start typing.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2025\/03\/2025-03-10_13-03-14.gif\" alt=\"Drag text into cell\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Once a text element is selected, the left sidebar shows styling options:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Font color<\/strong> \u2014 color of the text<\/li>\n\n\n\n<li><strong>Link font color<\/strong> \u2014 color of any hyperlinks inside the text<\/li>\n\n\n\n<li><strong>Font size<\/strong> \u2014 text size in pixels<\/li>\n\n\n\n<li><strong>Padding<\/strong> \u2014 inner spacing<\/li>\n\n\n\n<li><strong>Margin<\/strong> \u2014 outer spacing<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2025\/03\/2025-03-10_13-06-02.png\" alt=\"Text element sidebar options\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">A floating toolbar also appears above the selected text with <strong>bold, italic, strikethrough, link, and alignment<\/strong> controls.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2025\/03\/2025-03-10_13-09-21-1.png\" alt=\"Text floating toolbar\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Step 6: Add an image<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Drag the <strong>Image<\/strong> element into a cell, then click <strong>Upload<\/strong> to choose an image from your WordPress media library or upload a new one.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2025\/03\/2025-03-10_13-14-57.gif\" alt=\"Drag image into cell\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">After selecting the image, use the left sidebar to configure it:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>General tab<\/strong> \u2014 set image alignment (1) and add alt text (2) for SEO and accessibility<\/li>\n\n\n\n<li><strong>Size tab<\/strong> \u2014 change image width and height<\/li>\n\n\n\n<li><strong>Link tab<\/strong> \u2014 make the image clickable by adding a URL, and optionally set the link to open in a new tab via <strong>Link Target \u2192 Blank<\/strong><\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2025\/03\/2025-03-10_13-16-14.png\" alt=\"Image general options\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2025\/03\/2025-03-10_13-17-44.gif\" alt=\"Image size tab\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2025\/03\/2025-03-10_14-09-12.png\" alt=\"Image link tab\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Tip:<\/strong> Always add alt text to table images. It improves accessibility and helps search engines understand your content.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Step 7: Add a list<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Drag the <strong>List<\/strong> element into a cell and edit the items inline.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2025\/03\/2025-03-10_14-12-43.gif\" alt=\"Drag list into cell\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Configure the list from three tabs in the left sidebar:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>General tab<\/strong> \u2014 change list type (bulleted\/numbered), margin, and padding<\/li>\n\n\n\n<li><strong>Font tab<\/strong> \u2014 adjust font color and size for list items<\/li>\n\n\n\n<li><strong>Layout tab<\/strong> \u2014 control item spacing and list alignment<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2025\/03\/2025-03-10_14-17-53.png\" alt=\"List general tab\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2025\/03\/2025-03-10_14-19-33.png\" alt=\"List font tab\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2025\/03\/2025-03-10_14-21-19.png\" alt=\"List layout tab\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Step 8: Add a star rating<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Drag the <strong>Star Rating<\/strong> element into a cell and click on the stars to set the rating.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2025\/03\/2025-03-10_14-23-19-2.gif\" alt=\"Drag star rating into cell\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">From the left sidebar you can configure:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Max rating<\/strong> \u2014 maximum number of stars (default is 5)<\/li>\n\n\n\n<li><strong>Rating value<\/strong> \u2014 the current rating to display<\/li>\n\n\n\n<li><strong>Size<\/strong> \u2014 star size<\/li>\n\n\n\n<li><strong>Alignment<\/strong> \u2014 left, center, or right<\/li>\n\n\n\n<li><strong>Color<\/strong> \u2014 star color<\/li>\n\n\n\n<li><strong>Show rating count<\/strong> \u2014 toggle to display the numeric value beside the stars<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2025\/03\/2025-03-10_14-27-53.png\" alt=\"Star rating options\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Step 9: Add a button<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Drag the <strong>Button<\/strong> element into a cell, then click it to edit the button text and link.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2025\/03\/2025-03-10_14-35-37.gif\" alt=\"Drag button into cell\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">The left sidebar lets you customize size, border radius, background color, hover color, text color, text hover color, font size, button alignment, content alignment, and button ID.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img decoding=\"async\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2025\/03\/2025-03-10_14-45-26.png\" alt=\"Button options part 1\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img decoding=\"async\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2025\/03\/2025-03-10_14-46-16.png\" alt=\"Button options part 2\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Your finished table should now look something like this:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2025\/03\/2025-03-10_14-50-29.png\" alt=\"Finished example table\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Step 10: Save your table<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Important:<\/strong> You must save your table before you can preview it, embed it, or come back to it later. Click the <strong>Save Table<\/strong> button at the top right of the editor.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If you close the editor without saving, your changes will be lost.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Step 11: Embed the table in a post or page<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Once saved, click the <strong>Embed<\/strong> button in the top toolbar. This copies the table&#8217;s shortcode to your clipboard automatically.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2025\/03\/2025-03-10_14-56-07.gif\" alt=\"Embed button copies shortcode\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Now open any WordPress post or page where you want the table to appear, and paste the shortcode. It will look like <code>[wptb id=123]<\/code>.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Block editor (Gutenberg):<\/strong> Add a <strong>Shortcode block<\/strong> and paste the shortcode inside. (<a href=\"https:\/\/wptablebuilder.com\/docs\/wp-table-builder-block-editor-gutenberg\/\">Full Gutenberg guide \u2192<\/a>)<\/li>\n\n\n\n<li><strong>Classic editor:<\/strong> Paste the shortcode directly into the content area.<\/li>\n\n\n\n<li><strong>Elementor:<\/strong> Use the <strong>Shortcode widget<\/strong>. (<a href=\"https:\/\/wptablebuilder.com\/docs\/add-table-elementor\/\">Full Elementor guide \u2192<\/a>)<\/li>\n\n\n\n<li><strong>Divi:<\/strong> Use the <strong>Text module<\/strong> and paste the shortcode. (<a href=\"https:\/\/wptablebuilder.com\/docs\/adding-tables-in-divi\/\">Full Divi guide \u2192<\/a>)<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2025\/03\/2025-03-10_14-59-36.gif\" alt=\"Paste shortcode into post\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Publish or update the post, and your table will appear on the frontend.<\/p>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_95a5e8a2-541d-4e00-a72d-de7e80e26955\"><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: 2px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\">Troubleshooting<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>My table isn&#8217;t showing up on the frontend.<\/strong> <br><br>Make sure you clicked <strong>Save Table<\/strong> before copying the shortcode, and that the shortcode ID matches your saved table. If the shortcode still shows as plain text, see <a href=\"https:\/\/wptablebuilder.com\/docs\/tables-not-showing-dashboard\/\" target=\"_blank\" rel=\"noreferrer noopener\">Tables Not Showing in WP Table Builder Dashboard<\/a>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Elements won&#8217;t drop into cells.<\/strong> <br><br>Check that you&#8217;re dragging into an empty cell, not onto the cell border. Refreshing the browser usually resolves stuck drag states.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>My table looks broken on mobile.<\/strong> <br><br>WP Table Builder tables are responsive, but you may need to enable the responsive mode. See <a href=\"https:\/\/wptablebuilder.com\/docs\/make-table-responsive-wordpress\/\">How to Make a Table Responsive<\/a>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>The styling in my table looks different from the editor preview.<\/strong> Your theme may be overriding WP Table Builder&#8217;s styles. See <a href=\"https:\/\/wptablebuilder.com\/docs\/disable-theme-styles-for-table\/\" target=\"_blank\" rel=\"noreferrer noopener\">How to Disable Theme Styles for Table<\/a>.<\/p>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_9adc67f0-c298-4a38-9fee-f17e5fbac8dd\"><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-9367a07a-711c-44a5-97de-38d953e4f0c3\" 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-9367a07a-711c-44a5-97de-38d953e4f0c3\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-9367a07a-711c-44a5-97de-38d953e4f0c3\" style=\"color: #000000; \"><strong>Can I create tables without coding?<\/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-9367a07a-711c-44a5-97de-38d953e4f0c3\">\n\n<p class=\"wp-block-paragraph\">Yes. WP Table Builder is fully drag-and-drop. You don&#8217;t need HTML, CSS, or any coding knowledge to create your first 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-1-9367a07a-711c-44a5-97de-38d953e4f0c3\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-9367a07a-711c-44a5-97de-38d953e4f0c3\" style=\"color: #000000; \"><strong>Is there a limit to how many tables I can create?<\/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-9367a07a-711c-44a5-97de-38d953e4f0c3\">\n\n<p class=\"wp-block-paragraph\">No. Both the Free and Pro versions allow unlimited tables.<\/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-9367a07a-711c-44a5-97de-38d953e4f0c3\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-9367a07a-711c-44a5-97de-38d953e4f0c3\" style=\"color: #000000; \"><strong>Can I edit a table after embedding it on a 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\"><\/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-9367a07a-711c-44a5-97de-38d953e4f0c3\">\n\n<p class=\"wp-block-paragraph\">Yes. Any edits you save in the WP Table Builder editor will automatically update everywhere the shortcode is used.<\/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-9367a07a-711c-44a5-97de-38d953e4f0c3\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-9367a07a-711c-44a5-97de-38d953e4f0c3\" style=\"color: #000000; \"><strong>Does this work with the Gutenberg 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-3-9367a07a-711c-44a5-97de-38d953e4f0c3\">\n\n<p class=\"wp-block-paragraph\">Yes. Use a Shortcode block and paste the WP Table Builder shortcode inside. See the <a href=\"https:\/\/wptablebuilder.com\/docs\/wp-table-builder-block-editor-gutenberg\/\" target=\"_blank\" rel=\"noreferrer noopener\">Gutenberg guide<\/a> for details.<\/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-9367a07a-711c-44a5-97de-38d953e4f0c3\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-9367a07a-711c-44a5-97de-38d953e4f0c3\" style=\"color: #000000; \"><strong>Are WP Table Builder tables SEO-friendly?<\/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-9367a07a-711c-44a5-97de-38d953e4f0c3\">\n\n<p class=\"wp-block-paragraph\">Yes. Tables are rendered as semantic HTML <code>&lt;table&gt;<\/code> elements. See <a href=\"https:\/\/wptablebuilder.com\/docs\/are-wp-table-builder-tables-seo-friendly-do-they-use-html\/\" target=\"_blank\" rel=\"noreferrer noopener\">Are WP Table Builder Tables SEO-Friendly?<\/a>.<\/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_fad64e2a-a29a-4ea3-a3bc-28392c723f25\"><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\/install-activate-wp-table-builder\/\" target=\"_blank\" rel=\"noreferrer noopener\">How to Install and Activate the WP Table Builder Plugin<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wptablebuilder.com\/docs\/make-table-responsive-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">How to Make a Table Responsive<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wptablebuilder.com\/docs\/wp-table-builder-block-editor-gutenberg\/\" target=\"_blank\" rel=\"noreferrer noopener\">How to Use WP Table Builder with Block Editor (Gutenberg)<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wptablebuilder.com\/docs\/add-table-elementor\/\" target=\"_blank\" rel=\"noreferrer noopener\">How to Add a Table in Elementor<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wptablebuilder.com\/docs\/how-to-add-custom-css-in-wp-table-builder\/\" target=\"_blank\" rel=\"noreferrer noopener\">How to Add Custom CSS in WP Table Builder<\/a><\/li>\n<\/ul>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_b17006e8-7baf-458f-badf-8aaec6c7acd1\"><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<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Quick Answer Go to WP Table Builder \u2192 Add New, set rows and columns, drag elements into cells, save the table, then click Embed to copy a shortcode you can paste into any WordPress post or page. Requirements Item Details Plan Free or Pro \u2014 this tutorial uses only Free features Plugin WP Table Builder [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[8],"doc_tag":[],"class_list":["post-1918","docs","type-docs","status-publish","hentry","doc_category-getting-started"],"year_month":"2026-08","word_count":1143,"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":"Getting Started","term_url":"https:\/\/wptablebuilder.com\/fr\/docs-category\/getting-started\/"}],"doc_tag_info":[],"_links":{"self":[{"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/docs\/1918","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=1918"}],"version-history":[{"count":0,"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/docs\/1918\/revisions"}],"wp:attachment":[{"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/media?parent=1918"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/doc_category?post=1918"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/doc_tag?post=1918"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}