How to make tables responsive in WordPress

How to Make Tables Responsive in WordPress

Although in the collective imagination talking about tables can bring to mind bad memories, linked to woody layouts, totally wrong and against nature, there are also many situations in which the tables are necessary. For example when we need to show data in columns and rows (just what the tables were invented for) . Looking at the situation from this point of view, I believe that many times we have had the need to insert tables in WordPress.

How to insert a table in WordPress

To do this there are many ways: we can use one of the many plugins that create very complicated tables, or we can simply insert the HTML code in the WordPress editor . I must say that this solution is also the most used by users in general.

Obviously we will immediately realize that by entering code to create the tables, these quarrels quarrel with the responsive of our site, creating bad horizontal scrolls or crushing so that we can no longer be able to read anything.

Today we will see how to make sure that our tables inserted directly with the code in the editor, can be responsive and therefore can adapt well to the width of any display in which it is displayed.
The solution: Automatic Responsive Tables plugin

Features of the plugin

This plugin can help you make tables responsive in two ways:

  • The first way is the simplest, just select the checkbox in the options and all the tables on your site will automatically become responsive.
  • With the second way we can choose to select only the desired tables, entering the class or id that will transform the responsive tables.

Very nice also the option to choose the graphic styles of the table (border color, background, etc.), a convenient preview will show us in real time the aspect that will have our table. Finally we will have the possibility to set the exact pixels in which the table will have to adapt to the smaller screen (breakpoint). Very interesting, isn’t it?


To create a table with WordPress there are many plugins that can help us to create all the necessary rows and columns, but unless you need particular options I personally advise against installing plugins. Otherwise, if it is simple tables reproducible with HTML code , this solution can be the most reliable and flexible.

Shopify Apps Development: An Overview of the Process and Benefits

Posted by :Web Digital Media Group