How To Add Responsive Tables in WordPress with WP Table Builder

A beautifully designed table helps to improve the overall image of your website. However, a manually designed table is cumbersome to create and consumes a lot of time. If you are not the creative type, it becomes almost impossible to design a beautiful table for your WordPress site.

However, this shouldn’t be a reason to despair since are plugins to create tables in WordPress.

In this post, we will discuss one such plugin – WP Table Builder.

Using WP Table Builder, you can design and build a beautiful table even without knowledge of coding. WP Table Builder helps create attractive and professionally looking tables that you can add to your WordPress website.

This table builder offers an exceptional level of responsiveness. Moreover, this table builder plugin comes with seven pre-defined elements that you can insert in your table, helping to improve its layout and overall appearance.

In your pursuit to know how to add beautiful tables in WordPress using WP Table Builder, where do you start?

Keep reading as we present a step-by-step guide on how to build elegant and presentable tables using the WP table builder.

What is WP Table Builder?

WP Table Builder is a shortcode based plugin that you can download from WordPress for free.

It is within this plugin that you’ll be able to design and build an attractive table. You can create a table using the plugin that can be displayed by inserting a shortcode into a specific page on your WordPress blog or website.

What Features are offered by WP Table Builder?

To help you experiment on different table designs and layouts, WP Table Builder offers varied feature elements that anyone familiar with them will find more comfortable to use. These features include element customization options, drag and drop features, cell management mode, shortcodes, and responsive tables.

Another incredible feature that this table builder offers is the drag & drop function, which enables you to drag and drop elements into selected cells to present data such as buttons, images, texts, star ratings, and lists.

WP Table Builder also comes with a tremendous responsive system for tables that you can control based on screen size or devices.

Here’s a list of feature you can expect:

  • Seven elements – Text, Image, List, Button, Star Rating, Custom HTML, Shortcode.
  • Responsive System.
  • Cell Management Mode – with options to add/remove columns/rows, merge/split cells, and more.
  • Import Tables – from TablePress or CSV.
  • Export Tables – individually or in bulk.

Getting Started: Install the WP Table Builder Plugin

WP Table Builder plugin is installed just like any other plugins. You’ll need to open your admin dashboard, then to -> Plugins -> Add New -> Add WP Table Builder in the search box -> Click Install Now and -> Activate.

But for those who want to install it via FTP, you’ll need to download the plugin and extract the zipped file into your computer. Then upload the folder containing your plugin files.

After you’ve completed any of the above installation procedures, the plugin will now be seen in your list of available plugins. What remains of it at that point is to activate it, and you will be good to go.

After completing the plugin’s installation, you will see a new tab named Table Builder in your dashboard menu. Also visible are two sub-tabs: ALL TABLES & ADD NEW. These are the tabs that you’ll use to design and create new tables.

At this point, you’ll be set to start creating your new table using the Table builder that you have installed in your WordPress.

Create a New Table

To come up with a new table, click->Add New. Begin with new table and decide on the number of columns and rows, then click Generate.

Build & Edit the Table

After the above step, you can now start developing your table with the available elements. Among the available elements include Button, Text, List, Image, Star Rating, HTML, and Shortcode.

Drag any element that you want and drop it where you want in the table. Add images, texts list, and many more.

If you are satisfied with the table’s appearance, you can leave it that way, and if not, you can edit. Hover your mouse to a specific cell, and you’ll see the configuration options on the left or above the table, depending on the element that you are editing.

The menu on the left side of the table presents features to help you configure every element that appears in the table. For instance, in the case of buttons, you can alter the size, color, and add links.

With WP Table Builder, it gets fun creating a table and exporting it to the website where you want it to appear.

Want to add Another Row/Column?

And if you want to add another row or column, you’ll have to click Settings > Manage Cells, which is on the left side of the menu.

A new view will get open, and you can choose to add new rows or columns, depending on what you want.

Table Border & Border Color

If you want to modify your table’s border and color, you’ll need to go to the left panel and find the table border settings under Settings Panel.

Alter the size of the border and apply an inner border. When this is done, you’ll be able to customize its size and color.

Make the Table Responsive

From the left panel click on Responsive, it will open the responsive settings panel. You will have to enable responsiveness for the table.

Then you can set different options for different devices – whether to set the top row as header, how many rows, stack direction etc.

The Preview Button

When you think you are done designing your table, hit the preview button, and see for yourself how your table looks.

You want it to look neat and professional because that’s what your visitors will see on your website’s pages.

If it looks great and stylish, then you can save it. However, if you aren’t satisfied, you can continue configuring the table.

Copy the Shortcode

Your table looks nicely done and beautiful, so how will you show it on your post/pages?

Well, all that remains now is to copy the code. From the table that you saved, click on the EMBED button (this button is visible) and copy the shortcode.

Inserting the Table into a Post or Page

Finally, after spending hours designing an attractive table, you’ll undoubtedly be anxious to see how your hard work appears on the website. So how do you get this done?

Well, this is the most straightforward part. Go to the admin interface of your site or blog and open a new or existing page. Paste the shortcode that you have copied before. Voila! You have your table in the post/page.

Final Thoughts

The user-friendly interface that WP Table Builder offers is a big plus when designing and building an attractive table for your website or blog.

The seven varied elements work superbly well, while the customization options ensure that you get the best table. You can customize the cells and elements with several available settings.

The positioning of all essential buttons such as Embed, manage cells, save tables, and Manage Cells is intelligent and prominent.

This helps in making this table builder for WordPress easy to use.

When adding tables to WordPress, you must find a table builder plugin that meets the criteria for presenting the data most appropriately.

WP Table Builder is an incredible and handy plugin for designing and building great looking tables with a user-friendly and appealing interface.

You will find this plugin to be one of the best that’s available out there today.

Despite the few limitations that this plugin offers, it remains one of the most attractive, simple, and recommended options for creating tables.

Leave a Comment

Your email address will not be published. Required fields are marked *

Share via
Copy link