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

NSquared

TylerDigital

pwtyler

<p><strong>This is an extension for the popular <a href="https://wordpress.org/plugins/advanced-custom-fields/" rel="ugc">Advanced Custom Fields</a> plugin and <a href="https://wordpress.org/plugins/tablepress/" rel="ugc">TablePress</a> plugin. By itself, this plugin does NOTHING.</strong></p>
<p>This add-on for Advanced Custom Fields creates a custom field type to select a TablePress table, providing a dropdown menu that lets you select from a list of available tables. The field can return the table ID for the table selected, or the full HTML of the table.</p>
<p><strong>This plugin requires:</strong></p>
<ul>
<li>Advanced Custom Fields version 4+ or 5+</li>
<li>TablePress version 1.5+</li>
</ul>
<p><em>Just to be sure there’s no confusion…</em> <strong>This plugin does nothing unless <a href="https://wordpress.org/plugins/advanced-custom-fields/" rel="ugc">ACF</a> (Or <a href="http://www.advancedcustomfields.com/pro/" rel="nofollow ugc">ACF Pro</a>) and <a href="https://wordpress.org/plugins/tablepress/" rel="ugc">TablePress</a> are both active on your site</strong></p>
<p><strong>Follow this plugin on <a href="https://github.com/tylerdigital/acf-tablepress" rel="nofollow ugc">GitHub</a></strong></p>
<h3>Using the Field</h3>
<p>This field can return the table ID for the table selected, or the full HTML of the table (the same output as the rendered shortcode).</p>
<p>When returning the table ID, either of the following code snippets will output your table (replacing ‘your_table_here’ with the field name you defined in your ACF Field Group settings).</p>
<pre><code><?php 
    $tablepress_id = get_field( 'your_field_here' );
    echo do_shortcode( '[table id="'.$tablepress_id.'"]' ); 
?>
</code></pre>
<p>or, to avoid using <code>do_shortcode()</code>, use</p>
<pre><code><?php
    $tablepress_id = get_field( 'your_field_here' );
    $args = array(
      'id' => $tablepress_id,
    );
    if ( function_exists( 'tablepress_print_table' ) ) {
      tablepress_print_table( $args );
    }
?>
</code></pre>
<p>To simply display the chosen table on your page, choose the HTML output option in your field settings, and insert into your php with</p>
<pre><code>the_field( 'your_field_here' );
</code></pre>
<p>For a more detailed explanation, see our article, <a href="http://tylerdigital.com/document/setting-up-an-acf-field-for-tablepress/" rel="nofollow ugc">Setting up an ACF field for TablePress</a>.</p>


ACF: TablePress

Tablepress is a good plugin and it's with ACF really fentastic easy to get any pages posts etc. any where really its very helpful to me..!! Thank you.



Fentastic!!!

ACF field type to select a TablePress table

Make Tables Responsive vs ACF: TablePress