Responsive Tables WordPress Plugin

Адаптивные таблицы WordPress

Many WordPress themes can't handle tables probably on narrow screen. 

Plugin WP Responsive Table deals with it by adding horizontal scrollbar to HTML tables if its too wide.  

Features

  • Working out of the box, additional settings is not required;
  • This plugin does not use shortcodes. It works with regular HTML table in Classic Editor, or in Gutenberg;
  • Customisable tables styles;
  • Table column sort;
  • Not increasing table height.

 

Table view with default plugin styles (click on the first row to sort):

Column 1Column 2Column 3
First row40Row 1 Column 3
Second row10Row 2 Column 3
Third row30Row 3 Column 3
Fourth row50Row 4 Column 3
Fifth row5Row 5 Column 3
Sixth row99Row 6 Column 3

 

 

Appearance settings:

Responsive table settings
Responsive table settings
Scrollbar on narrow screen (on Google Chrome for Android and many other mobile browsers it's invisible before touch)
Scrollbar on narrow screen (on Google Chrome for Android and many other mobile browsers it's invisible before touch)

How to add table into the post or page in WordPress?

The most simple way - install  TinyMCE Advanced WordPress plugin, wich will embed "add table button" in visual editor's toolbar.

Adding table in WordPress
Adding table in WordPress

Also  possible to copy-paste table from MS Word.

Another way requires to be familiar with HTML -  switch to the "Text" tab in the editor and build a table manually or copy this template: 

<table>
<tr>
<th> Row 1 Column 1 </th>
<th> Row 1 Column 2 </th>
<th> Row 1 Column 3 </th>
</tr>
<tr>
<td> Row 2 Column 1 </td>
<td> Row 2 Column 2 </td>
<td> Row 2 Column 3 </td>
</tr>
<tr>
<td> Row 3 Column 1 </td>
<td> Row 3 Column 2 </td>
<td> Row 3 Column 3 </td>
</tr>
</table>



Updated: 31.01.2019

Did this plugin help you? Rate it!
(13 votes, average: 4.23 out of 5)
Loading...

Any suggestions for improving the plugin? Leave them in the comments.

Comments: 4

  • is there a way to fix the first column (as using that as the header) so the rest of the column can scroll?

  • Hi, I've been using the Responsive Tables plugin for a few months now and it's great.

    The only thing that bugs me however, is that I can't turn off the sorting option. Whatever I do (clicking to edit my tables, un-check the relevant box to stop sorting the tables) nothing happens. I still get the same thing with the first line of the table acting as the sorting columns. Is there something that you can advise on? As a work-around, I've omitted with css the little black arrow that comes up when you hover over the columns to select the sorting option but I still have the link style on the first row.

    I'm running on the latest version of wordpress (5.3.2) with the Scalia theme.

    Thanks
    George

Leave a Reply

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

Contacts

Send message