Nikolay Nikolov

<p>Automatically makes the HTML tables in your WordPress posts, pages, and widgets responsive (mobile-friendly). Devices with a small screen will see the tables in a new layout with two columns. In the first column will be the data from the first row (the column names), and in the second column will be the data from the other rows.</p>
<h4>WordPress Plugin Demo</h4>
<p><a href="https://nikolaydev.com/demo-of-make-tables-responsive/" rel="nofollow ugc">https://nikolaydev.com/demo-of-make-tables-responsive/</a></p>
<h4>HTML and CSS Demo for Non-WordPress Sites</h4>
<p><a href="https://nikolaydev.com/make-tables-responsive-html-and-css-example/" rel="nofollow ugc">https://nikolaydev.com/make-tables-responsive-html-and-css-example/</a></p>
<h4>Features</h4>
<ul>
<li>Affect post/page content, excerpts, category descriptions, and text/HTML widgets</li>
<li>Choose affected screen size</li>
<li>Choose the cell background and border color for even and odd rows</li>
<li>Disable for tables by HTML class or ID</li>
<li>Disable or enable only for posts and pages by ID</li>
</ul>
<h4>Pros 🙂</h4>
<ul>
<li>Fully automatic</li>
<li>Does not change the actual post/page content in the database</li>
<li>Easily reverse changes by deactivating the plugin</li>
<li>No jQuery or JavaScript on the front-end</li>
</ul>
<h4>Cons 🙁</h4>
<ul>
<li>The first row must contain the column names</li>
<li>Skips tables with merged cells</li>
<li>Skips posts/pages with tables inside tables</li>
<li>Skips multi-row tables when only some columns use “th” tags</li>
<li>In multi-row tables, HTML code is stripped from the cells with the column names, when displayed in the responsive version (as the left column)</li>
</ul>


Make Tables Responsive


I had the issue on mobile, smaller screens when i use the default Gutenberg table and i install and activated the plugin an it works right away.



Thank you so much.


Add working on Gutenberg in description

Automatically makes the HTML tables in your posts and pages responsive (mobile-friendly).

Ian Sadovy

<p>Need to insert a table into your page or post? WordPress Tables plugin will take your data in CSV/JSON format or directly from MySQL table and create an interactive data table. With WPTables plugin, you can easily create and manage your tables from the WordPress administration. Simply insert a shortcode into your page, article or post, and you are ready to go. That’s it! Enjoy your new table.</p>
<p><a href="https://wpwebtools.com/wptables/demo/" rel="nofollow ugc">DEMO</a> | <a href="https://wordpress.org/support/plugin/wptables" rel="ugc">SUPPORT</a> | <a href="https://wordpress.org/support/plugin/wptables/reviews/" rel="ugc">REVIEWS</a> | <a href="https://wpwebtools.com/wptables/" rel="nofollow ugc">WEBSITE</a></p>
<p>WP Tables plugin’s main features are:</p>
<ul>
<li>Inserting data using powerful spreadsheet editor</li>
<li>Importing data from CSV and JSON files</li>
<li>Showing data directly from MySQL database: by selecting a table or writing custom SQL query</li>
<li>Changing column titles, order and visibility</li>
<li>Number formatting</li>
<li>Sorting alphabetically and numerically</li>
<li>Pagination with options</li>
<li>Configurable width and height</li>
<li>Exporting created table to CSV file</li>
<li>6 predefined color themes</li>
<li>Supporting shortcodes from other plugins inside the table</li>
<li>Supporting links and images</li>
</ul>
<p>After installing the plugin, tables are created in few very basic steps:</p>
<ul>
<li>Navigate to the `WPTables` menu in the WordPress administration dashboard</li>
<li>Click `Add New Table` and enter a name for the new table </li>
<li>Choose a data source format and insert your data (for example the CSV file)</li>
<li>After importing the data, you can edit table fields and other options</li>
<li>Copy and paste the generated shortcode into your page or post (you can also use a button in the WordPress text editor to insert a table)</li>
</ul>


WordPress Tables

Create, manage and design interactive tables without writing any code. Sorting, paging, formatting and lot more options.

Make Tables Responsive vs WordPress Tables