How to Create Tables in WordPress

Adding tables to a website is an excellent way to organize data and present it in a concise, logical and comprehensive way. Table format is your friend if you want to share information, statistics or create any kind of comparison. It is well sorted, clean and therefore allows your users to read the data at a glance.

In this tutorial, we will show you two ways to create WordPress tables. One is the non-plugin way that only works in Gutenberg. The other method requires a plugin to be installed (we chose TablePress, the best table plugin currently on the market) and can be applied to both Classic Editor and Elementor.

How to Create WordPress Tables in Gutenberg

Probably the easiest way to add basic tables to your WordPress website is to use Gutenberg. No coding required or no need to install third-party plugins – the functionality already comes with the editor.

The first thing you need to do is open the page or post where you want to view the table and Table block.

By default, the table has 2 columns and 2 rows.

You can change these values ​​according to your needs and then click the Create button to create the table.

Once the table is created you will have the ability to customize it to some extent.

The first option placed on the block is related to the block itself, change block style. You can choose between default and striped.

The second option allows you to: change the alignment of the whole table (left, center or right).

In case you change your mind and decide add/remove columns or rows from your tablechoose Edit Table choice.

The fourth option allows you to: change column alignment. By default it is set to left, but you can set it to center or right.

Additional table settings are displayed on the right side of the screen; here you can set fixed table cell width and add header and footer sections to your table.

Moreover, You can change the background row color and choose one of the four available colors. (this option is placed just below Table Settings).

If you want to make additional changes and formatting to your table or create more advanced tables, you will need to use good ole’ coding or install a powerful plugin. We will continue with the latter and show you how to get the most out of the TablePress plugin.

How to Create WordPress Tables with the TablePress Plugin

TablePress right now The most powerful table plugin on the market and you can use it for free. It allows you to effortlessly create and add tables to your website and organize them to your liking. Contains many more options than Gutenberg’s Table block and it’s also a great solution if you’re using the Classic Editor as you won’t be able to add tables to it unless you’re ready for a bit of coding.

When you start creating the new table, Add its name, description, and set the number of columns and rows (default is 5 x 5).

After all the parameters are set, press the button. Add Table button.

Next, you will see a huge table editor divided into multiple sections that you can use to enter data and modify the table as you wish. The number of edits you can make is truly astonishing.

You can see it at the top of the page table id. The id is important because you need to add it to the shortcode [table id=<the-ID> /] which you will then use to insert your table into a page. The ID is set to 1, but if you need to change it, be sure to change the shortcode as well.

Under Table Content, you must add data to your table. You can drag and drop both columns and rows to change their positions. To do this, hover the mouse cursor over the column name and/or row number and rearrange their position as desired. Moreover, next to the name of each column are two small arrows to help you sort the content alphabetically or numerically.

If you click the triangle shape in the lower right corner of each cell, you can: change the size of the cell by dragging your mouse.

TablePress lets you not only add text content to your table, but also links and pictures. To do this, you must first select the cell where you want to display this type of content. Later, under Table Manipulation Click Add Link or add image.

when you press the button Add Link Click the button and a popup will appear where you can add your link and decide whether it should open in a new tab. You can also link to content available on your site.

As for adding images, once you click add image Pressing the button will open your media library so you can choose one of the pre-loaded files or add a new one. When you find the picture you want, Add to Table Click the button and the image will appear in the selected cell.

You can add/remove as many columns and rows as you want, hide, duplicate and merge cells.

Under Table Optionsyou have the opportunity add headers and/or footers to your table, enable changing row colors, add CSS classes, and more.

The final section of the editor sort the table as they wish, use the search and filter options, view the table pagination, etc.

Once you’re happy with how everything looks, it’s time to save all the changes and add the table to your page. As we mentioned earlier, you will need to use a shortcode that displays at the top of the table editor to do this. Copy [table id=<the-ID> /] shortcode, navigate to the page or post where you want to showcase the table and select the page builder you want. If you’re using Gutenberg, paste the link in: Short code block. In the Classic Editor, add the link to the text editor. And finally, Elementor users Short code Widget where they should add the link.

Another great thing about the TablePress plugin is, export and import tables. You can choose the export/import formats, decide whether the newly imported table replaces the existing table or can be viewed as a completely new table. Exported data can be inserted into Microsoft Excel, Google Sheets or any other spreadsheet program.

You can add plugins to increase the power of the TablePress plugin and take it to a whole new level. this list of all available extensions It’s impressive and lets you add some pretty cool features to your tables like row filtering, column filtering, and more. The author of the plugin has made sure that you can even use the ones that come with the plugin for free. Prize ticket.

Solution

If you’re thinking of creating a simple table, Gutenberg’s Table block will suffice. It has all the basic options and is easy to use. Also, if you know how to code, you can expand its functionality even more. But if coding isn’t exactly your skill or you just don’t want to mess with it at all, the TablePress plugin has it all. It allows hassle-free creation of charts that you can tweak as you need without having to spend a penny out of pocket (although donating to the author is also an option).