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).

extendyourweb

<p>With this plugin you can create and manage very easily your tables from the wordpress administration. You can insert tables into your pages, articles, posts or in the ‘ultimate tables’ widget.</p>
<p><a href="http://www.extendyourweb.com/ultimate-tables/" rel="nofollow ugc">Demo and plugin page</a></p>
<p>Its main features are:</p>
<ul>
<li> You can create different tables. Within a page or post can insert multiple tables at once.</li>
<li> Management of the tables created. Change the number of rows and columns, reorder and delete you.</li>
<li> You can enter text or html code inside the cells.</li>
<li> Choose from 3 designs or customize.</li>
<li> Responsive tables.</li>
<li> Optional manual class.</li>
<li> Search box.</li>
<li> Ordination alfabetic and numerically.</li>
<li> Information on number of rows and items.</li>
<li> Pagination with options.</li>
<li> Configurable width and height.</li>
<li> Texts manageable.</li>
<li> You can insert tables created insides of pages or post with the code [ultimatetables x /], where x would be the id of the table.</li>
<li> Along with the plugin is installed ‘Ultimate tables’ widget. With this widget you can insert tables created.</li>
<li> Plugin continually updated.</li>
</ul>
<p>Video manual:<br />
https://www.youtube.com/watch?v=yy42D9wsDXU></p>
<p>Install and using the plugin is very easy:</p>
<ul>
<li> Install “ultimate tables” plugin and activate.</li>
<li> In the settings section you will have a new button called “ultimate tables”, click it.</li>
<li> After pressing you will access the plugin administration. Click “Create New Table” to create the tables you want.</li>
<li> For each table you have a shortcode for insert in pages and posts, and a “edit” button to manage the values and format table.</li>
<li>In section widgets you have a widget called “ultimate tables” that allow you to insert tables that you want in a widget.</li>
<li>You can enter HTML code in the cells. Use the sign ” and not the sign ‘ to indicate attributes.</li>
</ul>


ULTIMATE TABLES

Create, manage and design tables without writing html code. Paging, sorting, filtering, searching and more options.

Make Tables Responsive vs ULTIMATE TABLES