{"id":52,"date":"2017-05-22T19:13:04","date_gmt":"2017-05-22T19:13:04","guid":{"rendered":"https:\/\/wpctrl.com\/?p=52"},"modified":"2021-10-25T23:06:00","modified_gmt":"2021-10-25T20:06:00","slug":"free-responsive-table-plugin","status":"publish","type":"post","link":"https:\/\/wpctrl.com\/free-responsive-table-plugin\/","title":{"rendered":"Best Free Responsive Comparison Table Plugin for WordPress"},"content":{"rendered":"\n

Tables are used for almost everything and if you are trying to structure some information on your website, in a handy way, probably you will need a good WordPress table plugin (and a free one).<\/p>\n\n\n\n

Because of the nature of the table, scaling it like an image won’t result in a satisfying user experience. A good table plugin knows how to get sexy on mobile devices!<\/p>\n\n\n\n

Another factor that separates the comparison tables from the regular data tables is the design and the visual elements and shortcodes you need to add in a comparison table, in order to look good and\u00a0provide value.<\/p>\n\n\n\n\n\n

So you will want a plugin in which you can directly put any plugin’s shortcode or HTML code without any trouble.<\/p>\n\n\n\n

WPCtrl Best Choice: WP Table Builder\"\"<\/h3>\n\n\n\n

This plugin has that magic in it. The tables created with WP Table Builder just look cool right off the bat, without much effort and time spent editing. The drag and drop table editor makes it easy and intuitive to build your tables and later insert them anywhere you want.<\/p>\n\n\n

[su_spacer size=”20″]<\/p>\n\n\n

[one_half]<\/p>\n

\"Table<\/p>\n

[\/one_half]<\/p>\n\n\n

[one_half_last]<\/p>\n

\"TablePress<\/strong>
\nLet’s see how our table from the example above will look in TablePress.<\/p>\n

As you can see not good at all. The table is being scaled, causing some of the columns to go out of the grid.<\/p>\n

[\/one_half_last]<\/p>\n\n\n\n

This is an example of a table row stack. Left – Table Maker\/ Right – TablePress.<\/strong><\/p>\n\n\n\n

When it comes to responsiveness, you have two options, stack by rows<\/strong> and stack by columns<\/strong>. <\/p>\n\n\n\n

1. Table Maker<\/h2>\n\n\n\n

Update: Table Maker is no longer updated, I suggest you choose another plugin from the list below. <\/p>\n\n\n\n

Table Maker is making it extremely easy to create professional-looking tables.<\/p>\n\n\n\n

For this specific example, the “stack by rows<\/strong>” option is the best, but you can play with this to get the best user experience based on your table parameters.<\/p>\n\n\n\n

\"\"<\/figure><\/div>\n\n\n\n

A little con for this method would appear if you stack a big table, with lots of rows and columns, it will take a lot of time to scroll through.<\/p>\n\n\n\n

As you can see I have added some visual elements for an even better style. And that’s not all, each cell supports HTML and shortcodes. You can add basically anything.<\/p>\n\n\n\n

In my example, I’m using Shortcodes Ultimate button shortcode for the CTAs<\/a>.<\/p>\n\n\n\n

If you want to make something fast, the plugin has its own predefined icons near at hand, that you can add just with a simple copy-paste.<\/p>\n\n\n\n

The plugin comes in 8 pre-made color styles, but the creator has provided useful information on how to change any style the way you want – here<\/a>.<\/p>\n\n\n\n

Cons:<\/p>\n\n\n\n