You may need to add tables on your website to make it easier for visitors to read important information. However, how to create a table in WordPress?Â
WordPress does provide a table feature in the Gutenberg editor. However, these features are very limited, so you can’t customize much. For example, setting the table size, adding images, and more.Â
Well, in this article, we will explain how to create a table in WordPress with several options, namely using a plugin and without a plugin. We will also provide recommendations for table plugins that you can try. Come on, read this article to the end, OK!Â
How to Create a Table in WordPressÂ
Here’s how to create a table in WordPress using the TablePress plugin. You can create tables in WordPress using TablePress in two ways, namely manually and import tables . For more details, see the following explanation.Â
Manually Entering Table DataÂ
1. The first step is to install the TablePress plugin by clicking the Plugins menu > Add New. Then search for the plugin via the search field.Â

Next, click Install Now > Activate to activate the plugin.
2. Once the plugin is active, you can start creating tables. Select the TablePress menu > Add New Table on the dashboard.Â

3. Enter data such as table name, description, and number of rows and columns. When finished, click Add table as shown below.Â

4. After that, enter the data you want to display into the table in the Table Content column .

5. Still on the same page, you can also modify the table display settings in the Table Manipulation column . Some things you can customize, for example, include links, images, add columns, add rows, and more.Â

6. If the settings have been completed, save the data by clicking the Save Changes button . You can also see how it looks first by clicking the Preview button .
7. When you have finished creating the table, insert the table into your post. There are two ways you can do it. First, put the shortcode contained in the Information Table.Â

8. Copy the shortcode and paste it in your new post.Â

9. The second way , insert a table using the Insert Table from TablePress menu in the WordPress editor.Â

10. The following is a table view after the post is published.Â

Entering Data with the Import Table FeatureÂ
The TablePress plugin also provides a feature to import files in CSV, HTML, JSON, XLS, and XLSX formats . So, if you already have a data file with that format, you don’t have to bother entering data one by one. Just use the following import table feature.Â
- Klik menu TablePress > Import a Table.
2. Select the file you want to import by pressing the Choose File button . Select the format you want, then click the Import button . Â
3. If you successfully import the file, all you have to do is customize the table that contains the data from the imported file.Â
4. If it has been customized, you can copy the shortcode to be installed in the post

5. Then, paste it in your post.Â

6. Alternatively, click the Insert Table from TablePress menu in the WordPress editor. After that click Publish .

7. After publishing, the result will be the same as adding data manually.Â

8. If you want to get the table file, you can export the table to the file format you want. To do this, click the TablePress menu > Export a Table.Â

Next, just select the table and format you want, then click the Download Export File button .Â

How to Create a Table Using HTML in WordPress
That was how to easily create tables in WordPress using a plugin. Even so, customization of the appearance and color of the table is still very limited. As a workaround, you can create your own table using HTML code .Â
To use this step, at least you have learned HTML and understand the concept for creating a website.Â
Well, to create an HTML table, you need to know in advance the tags to create an HTML table as follows:Â
- <table> – marks a tableÂ
- <thead> – marks the head of a tableÂ
- <tbody> – marks the body of a tableÂ
- <tr> – to insert a lineÂ
- <td> – to insert cells in a rowÂ
- <th> – to indicate a header or title cellÂ
Now let’s try how to create a table in WordPress without a plugin. You can code it using online tools like Tryit Editor W3School . Then create code like this:Â
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
|
<!DOCTYPE html> <html> <head> Â Â Â Â <title>Contoh Tabel HTML</title> </head> <body> Â Â Â Â <table border="1"> Â Â Â Â Â Â Â Â <tr> Â Â Â Â Â Â Â Â Â Â Â Â <td>Baris 1 Kolom 1</td> Â Â Â Â Â Â Â Â Â Â Â Â <td>Baris 1 Kolom 2</td> Â Â Â Â Â Â Â Â </tr> Â Â Â Â Â Â Â Â <tr> Â Â Â Â Â Â Â Â Â Â Â Â <td>Baris 2 Kolom 1</td> Â Â Â Â Â Â Â Â Â Â Â Â <td>Baris 2 Kolom 2</td> Â Â Â Â Â Â Â Â </tr> Â Â Â Â </table> </body> </html> |
With this code, you can create an HTML table like the following:Â

Now consider how to color the following cells and rows. You will use the bgcolor attribute placed in the opening <tr> or <td> tags .Â
Using the bgcolor attribute in the <tr> tag, the specified color will be applied to all cells in a row. Meanwhile, the bgcolor attribute in the <td> tag will only affect one cell. Consider the example below:Â
1
2
3
4
5
6
7
8
9
10
|
<table border="1" cellpadding="5"> Â Â Â Â Â Â Â Â <tr bgcolor="yellow"> Â Â Â Â Â Â Â Â Â Â Â Â <td>Baris 1 Kolom 1</td> Â Â Â Â Â Â Â Â Â Â Â Â <td>Baris 1 Kolom 2</td> Â Â Â Â Â Â Â Â </tr> Â Â Â Â Â Â Â Â <tr> Â Â Â Â Â Â Â Â Â Â Â Â <td bgcolor="red">Baris 2 Kolom 1</td> Â Â Â Â Â Â Â Â Â Â Â Â <td>Baris 2 Kolom 2</td> Â Â Â Â Â Â Â Â </tr> Â Â Â Â </table> |
Here’s the result:Â

Those were some ways to create tables using HTML in a nutshell. For more details, please visit the following article → How to Easily Create HTML Tables in WordPress .Â
3 Recommended Table Plugins in WordPress
The following are recommended table plugins other than TablePress as your reference for creating tables in WordPress.Â
1. Data Tables Generator by Supsystic Â

The first WordPress table plugin has Data Tables Generator by Supsystic. This plugin is available in free and paid versions. In the free version, you can get the plugin with unlimited row generation, cells, and data formatting.Â
Meanwhile, with premium features you can get file export services to PDF, Excel, and CSV. You can also create buttons, charts, and sort data.Â
Well, if you have a team to manage the website, you also manage who can edit the tables.Â
Price: $29Â
2. Ninja TablesÂ

Another plugin for creating tables in WordPress that you can use is Ninja Tables. This plugin is claimed to be the most responsive table plugin. So, website visitors from mobile devices can still see the table properly.Â
Ninja Tables has also been linked directly to Google Sheets so you can import data more easily. In addition, for those of you who have an online store website, Ninja Tables has also been integrated with WooCommerce . So, the table needs for your online store are easier to fulfill.Â
Price: $49.50 – $249.50
3. League Table

This table plugin does not provide a free version, but the price offered by this plugin is very affordable. Only 23 dollars.Â
The League Table plugin provides 135 customization options, including which you can sort data, add colors, merge, and more. You can also import and export data easily.Â
Most importantly, this plugin can display responsive tables. So that visitors who access the website via mobile devices can still see the table data in its entirety.Â
Price: $23Â
Create Tables in WordPress Easier, Now! Â
Creating tables in WordPress is not as difficult as you might think! You can use the table plugin that has been provided to make it easier.Â
Just install the table plugin of your choice, enter the table data, install it in your post. If you don’t want to bother entering data one by one, you can also import the data that you have created in a separate file.Â
If you want more freedom to customize your table with a specific color or size, you can also create a table with HTML. This method is more complicated than using a plugin, but there’s nothing wrong with trying to generate the table you want.Â
The table feature is indeed one of the important features on websites, especially online store websites.
Eksplorasi konten lain dari Surabaya Media
Berlangganan untuk dapatkan pos terbaru lewat email.