Skip to content
With the release of WordPress 5.0, WordPress introduced a new editor called Block Editor, a.k.a Gutenberg. It has completely changed the way the editor used to work.
The new editor is based on blocks. Every block works as an element (like the WP Table Builder). We have introduced the “WP Table Builder” block to make things easier.
The “WP Table Builder” block lets you insert, edit, and create a new table from the WordPress editor.
Let’s see how it works with the editor.
Inserting A Table Using ‘WP Table Builder’ Block
First, go to your post and edit it. Now, insert the ‘WP Table Builder‘ block.
Type ‘/wp table builder‘ (1) and insert the WP Table Builder block (2).
Or, you can click on the “Add Block” icon (the “+” icon) (1), type “WP Table Builder” in the search box (2), and click the WP Table Builder Block (3).
Once you’ve inserted the block, you’ll see all the tables you’ve created.
Select any from the table list you want to insert in the editor, which will be inserted automatically. That means your table has been added to the post/page.
You can also minimize the view by clicking on the minimize icon.
You can insert a table using the ‘WP Table Builder’ block. Now, let’s see how to edit a table from the block editor.
Editing A Table in the Block Editor
You can edit a table right from the block editor. Select the table and click “on the edit “Open in Editor” icon.
Then, the table builder will pop up there. You’ll also be able to edit your table.
Make sure to save your table before exiting the Table Builder interface.
Adding A New Table
You can also add a new table right from the block editor. Just click the Create Button (1). Then, input your column count (2), input row count (3), and finally click the Create button (4).
Then, you will be taken to the WP Table Builder’s User Interface to create your new table.
Hope this tutorial helped you to get started quickly with the WP Table Builder in the Gutenberg Block Editor. If you’ve any questions regarding this, feel free to ask us via comment.
