How to Create Tables in WordPress Block Editor

Tables are a fantastic way to organize and show information, but creating them in WordPress doesn’t have to be so complicated. The Block Editor makes it super easy to create clean, responsive tables with just a few clicks. And guess what, no code needs to be written for this.

If you are still wondering how to do that, I may have something for you. This detailed how-to will walk you through the process like a pro, whether you’re showing data, pricing plans, or just simple comparisons. Let’s get started.

Why You Might Need to Add Tables in WordPress Block Editor

Tables can be helpful for presenting data in an easy-to-read, visually appealing form. Tables, whether used for pricing plans, schedules, product comparisons, or event details, help organize information into neat rows and columns, making it easily accessible to your audience. They are perfect for breaking down complex information into bite-size pieces.

Tables in WordPress improve the user experience with clearly structured content. They give your website a professional look and improve navigation, especially when dealing with huge datasets. Tables can help bloggers and businesses elevate the content game, keeping readers engaged and informed.

How to Create Tables in WordPress Block Editor

There are two ways to create these in WordPress. You can use a dedicated plugin for this or you can just use the native table block from the Gutenberg block editor. It does a decent job as well. Let’s start with how to use this.

Using the WordPress Native Table Block

First, go to the post editor, click on the plus (+) sign, search for the ‘Table’ block, and then insert it.

Now you have to choose your rows and columns, I’m selecting 3 columns and 5 rows, then just click on ‘Create Table’.

The table skeleton should look something like this-

Then, enable the header section and label the header if you want.

As the block has no sub-block, you can’t add any images to it. You can fill in the table with its contents.

Once you are done with filling in the table, go to the right-hand side panel and adjust the table settings. You will find options to change styles, color, table cells, header & footer sections, and typography in there.

You can also add or delete column rows if you think the table needs a little fix. Just click on the table icon from the table block toolbar.

And you are done.

Using the Tableberg Plugin

Well, that was a very basic table that would get the work done but if you want even more functionalities, go for the Tableberg plugin. It has a dedicated Table block that will create advanced tables with images, lists, and buttons for you.

We will start by installing the plugin. So first, we will head over to the WordPress Dashboard, then click on Plugins, then Add New Plugin, and then type in Tableberg in the search bar, and hit enter. Then just click on the Install Now button and Activate the plugin.

Go to the post or page where you want to add the table, click on the plus sign (+), type in ‘Tableberg’ then select and insert the block.

Then select your rows and columns and click on ‘Create’.

Now your table skeleton should look something like this-

Next, enable the insert header option from the right-hand side panel. You will see a plus sign (+) in each cell, click on that and you will find some sub-blocks like images, buttons, lists, and more. You can also type slash (/) in any cell to choose a block. Now start adding the table content.

Now with Tableberg, you can add buttons, lists, star ratings, and even images. So, we will try to add these to our table now. To add an image, click on the (+) sign and select ‘Tableberg Image’ block. Then upload the image and resize the image.

You can add lists, ratings, and buttons in a similar way. As for my table, I will add a ‘list’ block in each cell under features. Then, the ‘button’ block in each cell under prices. Then I’m just filling in the table with the content.

Once you are done with these, go to the right-hand side panel. You can adjust the table width and alignment, cell settings, color, dimensions, typography, and other things from there.

Conclusion

And that’s pretty much it. Creating tables in the WordPress Block Editor is easier than you think, and now you know how to make your content shine. Whether it’s for data, comparisons, or simple organization, tables can level up your website’s presentation. So go ahead, experiment, and make those tables work for you.

Hope this helped, if it did, please don’t forget to share. Thank you.