{"id":18874,"date":"2026-01-13T14:28:37","date_gmt":"2026-01-13T14:28:37","guid":{"rendered":"https:\/\/wptablebuilder.com\/?p=18874"},"modified":"2026-01-13T14:32:08","modified_gmt":"2026-01-13T14:32:08","slug":"how-to-create-tables-in-wordpress-block-editor","status":"publish","type":"post","link":"https:\/\/wptablebuilder.com\/it\/how-to-create-tables-in-wordpress-block-editor\/","title":{"rendered":"How to Create Tables in WordPress Block Editor (3 Easy Methods)"},"content":{"rendered":"<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"850\" height=\"335\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/how-to-add-tables-in-block-editor-1.png\" alt=\"\" class=\"wp-image-18875\" srcset=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/how-to-add-tables-in-block-editor-1.png 850w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/how-to-add-tables-in-block-editor-1-300x118.png 300w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/how-to-add-tables-in-block-editor-1-768x303.png 768w\" sizes=\"auto, (max-width: 850px) 100vw, 850px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Creating tables in WordPress has become much easier with the introduction of the Block Editor (Gutenberg). Instead of dealing with complex HTML, you can now build tables visually inside the editor.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Whether you want to add a simple data table, a styled comparison table, or a conversion-focused pricing table, there are multiple ways to get the job done. The key is choosing the method that fits your needs.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In this guide, you\u2019ll learn <strong>how to create tables in WordPress using the Block Editor<\/strong> through three easy methods. We\u2019ll start with the default Table block, then move on to a block-based table plugin, and finally explore a drag-and-drop table builder that works with everything. By the end, you\u2019ll know exactly which approach works best for your site.<\/p>\n\n\n\n<div class=\"wp-block-group has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-4673837f wp-block-group-is-layout-constrained\" style=\"background-color:#fef5c3;padding-top:var(--wp--preset--spacing--medium);padding-right:var(--wp--preset--spacing--large);padding-bottom:var(--wp--preset--spacing--medium);padding-left:var(--wp--preset--spacing--large)\">\n<p class=\"has-text-align-center has-medium-font-size wp-block-paragraph\"><strong><strong>Quick Summary: Choose the Right Table Method<\/strong><\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Use this quick guide to jump directly to the method that fits your needs:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\" id=\"default-table-block\"><strong><a href=\"#default-table-block\">Default Table Block<\/a> <\/strong>&#8211; Use this if you only need basic tables with text or numbers, without images, buttons, or advanced styling.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\" id=\"tableberg-plugin\"><strong><a href=\"#tableberg-plugin\" data-type=\"internal\" data-id=\"#tableberg-plugin\">Tableberg Plugin<\/a> <\/strong>&#8211; Choose this if you want more flexibility inside Gutenberg, such as adding images, buttons, star ratings, and styled layouts.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong><a href=\"#wp-table-builder\">WP Table Builder<\/a> &#8211;<\/strong> Ideal if you need advanced, drag-and-drop tables and want to reuse them across different editors. It works with page builders, supports shortcodes, and also includes a Gutenberg block that lets you create and manage tables directly inside the Block Editor.<\/p>\n<\/div>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_53500839-c5b2-475c-bb63-8b0d28df1b05\"><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\" id=\"default-table-block\"><strong>Method 1: Using the Default Table Block<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The <strong>default Table block<\/strong> in the WordPress Block Editor is ideal for creating <strong>basic tables<\/strong> with text or numbers. It\u2019s quick, lightweight, and doesn\u2019t require installing any plugins.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 1: Open the Block Editor<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Go to the post or page where you want to add a table and make sure you\u2019re using the <strong>Block Editor (Gutenberg)<\/strong>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 2: Add the Table Block<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Click on the &#8216;<strong>+<\/strong>&#8216; button to add a new block and search for <strong>Table<\/strong>. Then select the <strong>Table Block<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1440\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Inserting-the-Table-Block.png\" alt=\"\" class=\"has-border-color wp-image-22386\" style=\"border-color:#4E4E60;border-width:1px;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-left-radius:4px;border-bottom-right-radius:4px\" srcset=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Inserting-the-Table-Block.png 2560w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Inserting-the-Table-Block-300x169.png 300w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Inserting-the-Table-Block-1024x576.png 1024w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Inserting-the-Table-Block-768x432.png 768w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Inserting-the-Table-Block-1536x864.png 1536w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Inserting-the-Table-Block-2048x1152.png 2048w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Step 3: Select the Number of Columns and Rows<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Once you insert the Table block, you will be prompted to select the number of rows and columns. Enter the number of columns and rows you need and click &#8216;<strong>Create Table<\/strong>&#8216;<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1151\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Choose-the-number-of-columns-and-rows-for-the-Table-scaled.png\" alt=\"\" class=\"has-border-color wp-image-22387\" style=\"border-color:#4E4E60;border-width:1px;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-left-radius:4px;border-bottom-right-radius:4px\" srcset=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Choose-the-number-of-columns-and-rows-for-the-Table-scaled.png 2560w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Choose-the-number-of-columns-and-rows-for-the-Table-300x135.png 300w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Choose-the-number-of-columns-and-rows-for-the-Table-1024x460.png 1024w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Choose-the-number-of-columns-and-rows-for-the-Table-768x345.png 768w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Choose-the-number-of-columns-and-rows-for-the-Table-1536x691.png 1536w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Choose-the-number-of-columns-and-rows-for-the-Table-2048x921.png 2048w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Step 4: Add Content to the Table<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">After creating the table structure, click on the individual cells to add your text or numbers. You can type directly into the cells.<\/p>\n\n\n<div style=\"width: 100%\" class=\"ub-advanced-video-container wp-block-ub-advanced-video\" id=\"ub-advanced-video-f6b85434-8253-404f-985d-861daf38c0ca\"><div class=\"ub-advanced-video-embed\" style=\"box-shadow: 0px -0px 0px 0px rgba(0, 0, 0, 1); border-top: 1px solid #4e4e60; border-left: 1px solid #4e4e60; border-right: 1px solid #4e4e60; border-bottom: 1px solid #4e4e60; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; \"><video autoplay width=\"undefined\" height=\"undefined\"><source src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Add-Content-to-the-Table-Block-.mp4\"><\/source><\/video><\/div><\/div>\n\n\n<h3 class=\"wp-block-heading\">Step 5: Customize Basic Table Settings<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">From the <strong>block settings panel<\/strong> on the right, you can:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Enable a <strong>header row<\/strong> or <strong>footer row<\/strong><\/li>\n\n\n\n<li>Adjust <strong>column alignment<\/strong><\/li>\n\n\n\n<li>Set <strong>fixed-width columns<\/strong><\/li>\n\n\n\n<li>Choose basic table styles <\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"2548\" height=\"1620\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Styling-the-default-Table-Block-.png\" alt=\"\" class=\"has-border-color wp-image-22389\" style=\"border-color:#4E4E60;border-width:1px;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-left-radius:4px;border-bottom-right-radius:4px\" srcset=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Styling-the-default-Table-Block-.png 2548w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Styling-the-default-Table-Block--300x191.png 300w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Styling-the-default-Table-Block--1024x651.png 1024w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Styling-the-default-Table-Block--768x488.png 768w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Styling-the-default-Table-Block--1536x977.png 1536w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Styling-the-default-Table-Block--2048x1302.png 2048w\" sizes=\"auto, (max-width: 2548px) 100vw, 2548px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">So this is how you can add a simple table using the defautl Table block.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Limitations of the Default Table Block<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">While easy to use, the default Table block has some clear limitations:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>You <strong>cannot add images or buttons<\/strong><\/li>\n\n\n\n<li>No support for star ratings or custom HTML<\/li>\n\n\n\n<li>Limited styling and layout control<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">\ud83d\udc49 If you need more flexibility inside the Block Editor, the next method is a better fit.<\/p>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_81d84e30-81d6-4c95-a57c-4896e891e2c9\"><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\" id=\"tableberg-plugin\"><strong>Method 2: Using the Tableberg Plugin<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">If the default Table block feels limiting, <strong><a href=\"https:\/\/tableberg.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Tableberg<\/a><\/strong> is the natural next step. It\u2019s a block-based table plugin designed specifically for the <strong>Gutenberg editor<\/strong>, allowing you to build advanced tables without leaving the Block Editor.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">With Tableberg, you can add <strong>images, buttons, star ratings, icons, custom HTML, and more<\/strong> inside table cells, something the default Table block doesn\u2019t support.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 1: Install and Activate the Tableberg Plugin<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Go to <strong>Plugins \u2192 Add New<\/strong> in your WordPress dashboard. Search for <strong>Tableberg<\/strong>. Click <strong>Install<\/strong>, then <strong>Activate<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"2544\" height=\"1140\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Installing-the-Tableberg-Plugin.png\" alt=\"\" class=\"has-border-color wp-image-22394\" style=\"border-color:var(--ast-global-color-6);border-width:1px;border-radius:2px\" srcset=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Installing-the-Tableberg-Plugin.png 2544w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Installing-the-Tableberg-Plugin-300x134.png 300w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Installing-the-Tableberg-Plugin-1024x459.png 1024w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Installing-the-Tableberg-Plugin-768x344.png 768w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Installing-the-Tableberg-Plugin-1536x688.png 1536w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Installing-the-Tableberg-Plugin-2048x918.png 2048w\" sizes=\"auto, (max-width: 2544px) 100vw, 2544px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Step 2: Insert the Tableberg Block<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Open the post or page where you want to add a table.<\/li>\n\n\n\n<li>Click the <strong>+ (Add Block)<\/strong> button.<\/li>\n\n\n\n<li>Search for <strong>Tableberg<\/strong>.<\/li>\n\n\n\n<li>Insert the <strong>Tableberg<\/strong> block.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"2548\" height=\"1438\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Inserting-the-Tableberg-Block.png\" alt=\"\" class=\"has-border-color wp-image-22395\" style=\"border-color:var(--ast-global-color-6);border-width:1px;border-radius:2px\" srcset=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Inserting-the-Tableberg-Block.png 2548w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Inserting-the-Tableberg-Block-300x169.png 300w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Inserting-the-Tableberg-Block-1024x578.png 1024w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Inserting-the-Tableberg-Block-768x433.png 768w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Inserting-the-Tableberg-Block-1536x867.png 1536w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Inserting-the-Tableberg-Block-2048x1156.png 2048w\" sizes=\"auto, (max-width: 2548px) 100vw, 2548px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Step 3: Create Your Table Structure<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">After inserting the block, choose the number of <strong>rows and columns<\/strong> and click <strong>Create<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The table is instantly created inside the editor. You can easily add or remove rows and columns later using the block controls.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1440\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Choosing-Number-of-Rows-and-Columns-in-Tableberg-Block.png\" alt=\"\" class=\"has-border-color has-ast-global-color-6-border-color wp-image-22396\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Choosing-Number-of-Rows-and-Columns-in-Tableberg-Block.png 2560w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Choosing-Number-of-Rows-and-Columns-in-Tableberg-Block-300x169.png 300w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Choosing-Number-of-Rows-and-Columns-in-Tableberg-Block-1024x576.png 1024w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Choosing-Number-of-Rows-and-Columns-in-Tableberg-Block-768x432.png 768w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Choosing-Number-of-Rows-and-Columns-in-Tableberg-Block-1536x864.png 1536w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Choosing-Number-of-Rows-and-Columns-in-Tableberg-Block-2048x1152.png 2048w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Note: Tableberg offers some pre-built table patterns. If you don&#8217;t want to create a table from the scratch, you can start with a pre-built table.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 4: Add Rich Content Inside Table Cells<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">This is where Tableberg really shines. Inside each table cell, you can add:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Testo <\/li>\n\n\n\n<li>Images<\/li>\n\n\n\n<li>Buttons <\/li>\n\n\n\n<li>Star ratings<\/li>\n\n\n\n<li>Lists, icons, custom HTML, and more.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Each cell behaves like a <strong>mini block container<\/strong>, giving you much more freedom than the default Table block.<\/p>\n\n\n<div style=\"width: 100%\" class=\"ub-advanced-video-container wp-block-ub-advanced-video\" id=\"ub-advanced-video-41cfd637-1081-4448-81f5-179aff054aba\"><div class=\"ub-advanced-video-embed\" style=\"box-shadow: 0px -0px 0px 0px rgba(0, 0, 0, 1); border-top: 1px solid #4e4e60; border-left: 1px solid #4e4e60; border-right: 1px solid #4e4e60; border-bottom: 1px solid #4e4e60; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; \"><video controls width=\"undefined\" height=\"undefined\"><source src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Adding-Table-Content-Tableberg.mp4\"><\/source><\/video><\/div><\/div>\n\n\n<h3 class=\"wp-block-heading\">Step 5: <strong>Customize Table Design and Styling<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">From the block settings panel, you can:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Adjust row and column spacing<\/li>\n\n\n\n<li>Change background colors and borders<\/li>\n\n\n\n<li>Highlight specific rows or columns<\/li>\n\n\n\n<li>Create visually appealing layouts for comparison or pricing tables<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">All customization happens visually, without touching CSS.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"665\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Tableberg-Customizations-1024x665.png\" alt=\"\" class=\"has-border-color has-ast-global-color-6-border-color wp-image-22400\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Tableberg-Customizations-1024x665.png 1024w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Tableberg-Customizations-300x195.png 300w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Tableberg-Customizations-768x499.png 768w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Tableberg-Customizations-1536x998.png 1536w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Tableberg-Customizations-2048x1330.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_bf977c3a-aa08-4f53-bb8d-a0e6070135d8\"><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<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"wp-table-builder\"><strong>Method 3: Using the WP Table Builder Plugin<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">While <strong><a href=\"https:\/\/wptablebuilder.com\/it\/\" target=\"_blank\" rel=\"noreferrer noopener\">WP Table Builder<\/a><\/strong> is well known for its shortcode-based tables and compatibility with the Classic Editor and page builders like <strong>Elementor<\/strong> and <strong>Divi<\/strong>, it also offers a <strong>dedicated Gutenberg block<\/strong> that lets you create and manage tables without leaving the Block Editor.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This approach combines the flexibility of a drag-and-drop table builder with the convenience of Gutenberg.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 2: Install and Activate WP Table Builder<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Go to <strong>Plugins \u2192 Add New<\/strong> in your WordPress dashboard.<\/li>\n\n\n\n<li>Search for <strong>WP Table Builder<\/strong>.<\/li>\n\n\n\n<li>Click <strong>Install<\/strong>, then <strong>Activate<\/strong>.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img decoding=\"async\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Installing-the-WP-Table-Builder-Plugin-2048x874.png\" alt=\"\" class=\"has-border-color\" style=\"border-color:#4E4E60;border-width:1px;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-left-radius:4px;border-bottom-right-radius:4px\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Once activated, you\u2019ll see a new <strong>WP Table Builder<\/strong> menu in your dashboard.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 2: Insert the WP Table Builder Block<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Open the post or page where you want to add a table.<\/li>\n\n\n\n<li>Click the <strong>+ (Add Block)<\/strong> button.<\/li>\n\n\n\n<li>Search for <strong>WP Table Builder<\/strong>.<\/li>\n\n\n\n<li>Click the <strong>WP Table Builder<\/strong> block to insert it.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"505\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Inserting-the-WP-Table-Builder-Block-1024x505.png\" alt=\"\" class=\"has-border-color wp-image-22409\" style=\"border-color:#4E4E60;border-width:1px;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-left-radius:4px;border-bottom-right-radius:4px\" srcset=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Inserting-the-WP-Table-Builder-Block-1024x505.png 1024w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Inserting-the-WP-Table-Builder-Block-300x148.png 300w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Inserting-the-WP-Table-Builder-Block-768x379.png 768w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Inserting-the-WP-Table-Builder-Block-1536x757.png 1536w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Inserting-the-WP-Table-Builder-Block-2048x1010.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Step 3: Create or Select a Table<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">After inserting the block, you\u2019ll see two options:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Select an existing table<\/strong> (if you already have tables created)<\/li>\n\n\n\n<li>Or click <strong>Create<\/strong> to build a new table from scratch<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">To create a new table, click <strong>Create<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"2554\" height=\"1188\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Create-WP-Table-Builder-Block.png\" alt=\"\" class=\"has-border-color wp-image-22410\" style=\"border-color:#4E4E60;border-width:1px;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-left-radius:4px;border-bottom-right-radius:4px\" srcset=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Create-WP-Table-Builder-Block.png 2554w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Create-WP-Table-Builder-Block-300x140.png 300w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Create-WP-Table-Builder-Block-1024x476.png 1024w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Create-WP-Table-Builder-Block-768x357.png 768w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Create-WP-Table-Builder-Block-1536x714.png 1536w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Create-WP-Table-Builder-Block-2048x953.png 2048w\" sizes=\"auto, (max-width: 2554px) 100vw, 2554px\" \/><\/figure>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Step 4: Choose Rows and Columns<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Enter the number of <strong>rows<\/strong> and <strong>columns<\/strong> you want.<\/li>\n\n\n\n<li>Click the <strong>Create<\/strong> button.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"391\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Choose-number-of-columns-and-rows-WP-Table-Builder-1024x391.png\" alt=\"\" class=\"has-border-color wp-image-22411\" style=\"border-color:#4E4E60;border-width:1px;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-left-radius:4px;border-bottom-right-radius:4px\" srcset=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Choose-number-of-columns-and-rows-WP-Table-Builder-1024x391.png 1024w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Choose-number-of-columns-and-rows-WP-Table-Builder-300x115.png 300w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Choose-number-of-columns-and-rows-WP-Table-Builder-768x293.png 768w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Choose-number-of-columns-and-rows-WP-Table-Builder-1536x587.png 1536w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Choose-number-of-columns-and-rows-WP-Table-Builder-2048x782.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">At this point, WP Table Builder opens its full table-building interface.<\/p>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Step 5: Build the Table Using the WP Table Builder Interface<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Once the builder opens, it temporarily takes over the editor and gives you access to its full feature set:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Use the <strong>Elements<\/strong> tab to drag and drop content into table cells, such as:\n<ul class=\"wp-block-list\">\n<li>Testo<\/li>\n\n\n\n<li>Images<\/li>\n\n\n\n<li>Buttons<\/li>\n\n\n\n<li>Lists<\/li>\n\n\n\n<li>Star ratings<\/li>\n\n\n\n<li>Custom HTML<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Use the <strong>Settings<\/strong> tab to customize table styles, borders, spacing, and alignment<\/li>\n\n\n\n<li>Use the <strong>Reattivo<\/strong> tab to control how the table behaves on tablets and mobile devices<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">This interface is ideal for creating <strong>pricing tables, comparison tables, and feature tables<\/strong> with full control.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"2534\" height=\"1592\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Creating-Table-using-WP-Table-Builder-Interface.png\" alt=\"\" class=\"has-border-color wp-image-22412\" style=\"border-color:#4E4E60;border-width:1px;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-left-radius:4px;border-bottom-right-radius:4px\" srcset=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Creating-Table-using-WP-Table-Builder-Interface.png 2534w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Creating-Table-using-WP-Table-Builder-Interface-300x188.png 300w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Creating-Table-using-WP-Table-Builder-Interface-1024x643.png 1024w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Creating-Table-using-WP-Table-Builder-Interface-768x483.png 768w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Creating-Table-using-WP-Table-Builder-Interface-1536x965.png 1536w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Creating-Table-using-WP-Table-Builder-Interface-2048x1287.png 2048w\" sizes=\"auto, (max-width: 2534px) 100vw, 2534px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Step 6: Save the Table and Return to the Block Editor<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Give your table a <strong>name<\/strong> at the top (1).<\/li>\n\n\n\n<li>Click the <strong>Save<\/strong> button to save the table (2).<\/li>\n\n\n\n<li>Click the <strong>red cross (X)<\/strong> button to exit the builder (3).<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"2534\" height=\"1594\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Save-and-Exit-the-interface-WP-Table-Builder-.png\" alt=\"\" class=\"has-border-color wp-image-22413\" style=\"border-color:var(--ast-global-color-6);border-width:1px;border-radius:2px\" srcset=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Save-and-Exit-the-interface-WP-Table-Builder-.png 2534w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Save-and-Exit-the-interface-WP-Table-Builder--300x189.png 300w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Save-and-Exit-the-interface-WP-Table-Builder--1024x644.png 1024w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Save-and-Exit-the-interface-WP-Table-Builder--768x483.png 768w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Save-and-Exit-the-interface-WP-Table-Builder--1536x966.png 1536w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/Save-and-Exit-the-interface-WP-Table-Builder--2048x1288.png 2048w\" sizes=\"auto, (max-width: 2534px) 100vw, 2534px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">You\u2019ll be taken back to the <strong>Block Editor<\/strong>, where the table is now embedded inside the WP Table Builder block.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 6: View or Edit the Table Inside Gutenberg<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Once back in the editor:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>You\u2019ll see the table rendered directly inside the post.<\/li>\n\n\n\n<li>If needed, you can <strong>edit the table again<\/strong> using the options in the <strong>right-hand settings panel<\/strong>. This makes it easy to manage tables without switching between multiple screens.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"684\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/WP-Table-Builders-Table-inside-the-Gutenberg-Editor-1024x684.png\" alt=\"\" class=\"has-border-color wp-image-22414\" style=\"border-color:#4E4E60;border-width:1px;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-left-radius:4px;border-bottom-right-radius:4px\" srcset=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/WP-Table-Builders-Table-inside-the-Gutenberg-Editor-1024x684.png 1024w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/WP-Table-Builders-Table-inside-the-Gutenberg-Editor-300x200.png 300w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/WP-Table-Builders-Table-inside-the-Gutenberg-Editor-768x513.png 768w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/WP-Table-Builders-Table-inside-the-Gutenberg-Editor-1536x1026.png 1536w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/WP-Table-Builders-Table-inside-the-Gutenberg-Editor-2048x1368.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">When to Use This Approach<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Using WP Table Builder directly from the Block Editor is ideal if:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>You want <strong>advanced table layouts<\/strong> inside Gutenberg<\/li>\n\n\n\n<li>You prefer a <strong>visual drag-and-drop builder<\/strong><\/li>\n\n\n\n<li>You need <strong>responsive and reusable tables<\/strong><\/li>\n\n\n\n<li>You also want the option to reuse the same table via shortcodes elsewhere<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_4eed2979-5d7b-4ac2-bec0-1acda1799b79\"><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\" id=\"4-conclusion-\">Conclusion<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Creating tables in WordPress is no longer a one-size-fits-all task. With the Block Editor, you now have multiple ways to build tables depending on how simple or advanced your needs are.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If you only need <strong>basic tables with text or numbers<\/strong>, the default Table block is quick, lightweight, and perfectly sufficient. It\u2019s a great option for simple layouts and minimal content.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If you want <strong>more flexibility while staying fully inside Gutenberg<\/strong>, <strong>Tableberg<\/strong> is the better choice. It lets you add images, buttons, star ratings, and other rich content directly inside table cells without leaving the Block Editor.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">And if you need <strong>maximum flexibility and advanced table layouts<\/strong>, <strong>WP Table Builder<\/strong> gives you the best of both worlds. You can create tables visually using its drag-and-drop builder and still manage them directly from the Block Editor using its dedicated Gutenberg block. It\u2019s especially useful if you work across different editors or page builders.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The key takeaway is simple: <strong>Choose the method that matches your workflow, not the other way around.<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\" id=\"4-conclusion-\">With the right approach, you can create tables that are not only functional but also visually appealing and conversion-focused.<\/p>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_d26ac67e-5920-48b5-b04a-4ff75207e266\"><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>","protected":false},"excerpt":{"rendered":"<p>Creating tables in WordPress has become much easier with the introduction of the Block Editor (Gutenberg). Instead of dealing with complex HTML, you can now build tables visually inside the editor. Whether you want to add a simple data table, a styled comparison table, or a conversion-focused pricing table, there are multiple ways to get [&hellip;]<\/p>\n","protected":false},"author":9,"featured_media":18875,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9],"tags":[],"class_list":["post-18874","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to"],"featured_image_src":"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2024\/05\/how-to-add-tables-in-block-editor-1.png","author_info":{"display_name":"Moinul Islam Maruf","author_link":"https:\/\/wptablebuilder.com\/it\/author\/marufmoinul27\/"},"_links":{"self":[{"href":"https:\/\/wptablebuilder.com\/it\/wp-json\/wp\/v2\/posts\/18874","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wptablebuilder.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wptablebuilder.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wptablebuilder.com\/it\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/wptablebuilder.com\/it\/wp-json\/wp\/v2\/comments?post=18874"}],"version-history":[{"count":0,"href":"https:\/\/wptablebuilder.com\/it\/wp-json\/wp\/v2\/posts\/18874\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wptablebuilder.com\/it\/wp-json\/wp\/v2\/media\/18875"}],"wp:attachment":[{"href":"https:\/\/wptablebuilder.com\/it\/wp-json\/wp\/v2\/media?parent=18874"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wptablebuilder.com\/it\/wp-json\/wp\/v2\/categories?post=18874"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wptablebuilder.com\/it\/wp-json\/wp\/v2\/tags?post=18874"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}