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

DAEXT

<p>League Table is a table plugin that you can use to create sortable and responsive tables on your WordPress website.</p>
<p>Please note that this plugin is the lite version of <a href="https://daext.com/league-table/" rel="nofollow ugc">League Table</a>, a table WordPress plugin that we distribute on Envato Market since 2014.</p>
<h3>Spreadsheet editor</h3>
<p>In the main plugin menu, we have embedded a spreadsheet editor generated with Handsontable. Thanks to this feature, you can move tables available in common spreadsheet editors like Excel, Google Sheets, OpenOffice Calc. to WordPress and vice versa.</p>
<h3>Exceptional customizability</h3>
<p>Use the included customization options to create the perfect table for the context.</p>
<h4>Table layout</h4>
<p>This table plugin produces tables with automatic or fixed <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/table-layout" rel="nofollow ugc">table layouts</a>. You can also define the table width and the width of every single column if needed.</p>
<h4>Table scrollbars</h4>
<p>You can optionally enable the horizontal or vertical scroll bars. We recommend the use of this feature with tables that includes a high amount of data.</p>
<h4>Scalable font size</h4>
<p>The plugin allows you to define the font size of the text in the header and body cells. The selected font size value is used to automatically adapts the cell paddings and other table parameters to generate tables with perfect proportions and optimal readability.</p>
<h4>Table margin</h4>
<p>Set the exact margin of the table to fit the table in your layout or create a vertical rhythm.</p>
<h4>Table header</h4>
<p>Display or hide the table header based on the type of data that you want to represent.</p>
<h4>Custom typography</h4>
<p>Set a custom font family, font weight, and font style for the text in the header and body cells.</p>
<h4>Custom colors</h4>
<p>You can individually define the colors of the following table elements with a handy color picker:</p>
<ul>
<li>Header Background Color</li>
<li>Header Font Color</li>
<li>Header Link Color</li>
<li>Header Border Color</li>
<li>Rows Border Color</li>
</ul>
<h4>Striped table</h4>
<p>Improve the readability of your table by creating tables with striped rows.</p>
<p>The following striped table options are available:</p>
<ul>
<li>Even Rows Background Color</li>
<li>Odd Rows Background Color</li>
<li>Even Rows Font Color</li>
<li>Odd Rows Font Color</li>
<li>Even Rows Link Color</li>
<li>Odd Rows Link Color</li>
</ul>
<h4>Text alignment</h4>
<p>With the <strong>Alignment section</strong>, you can easily define a custom text alignment for table rows or columns.</p>
<h4>Responsive font size</h4>
<p>The plugin allows you to scale the font size based on the viewport width. To achieve this, visit the <strong>Responsive</strong> section and define the breakpoints and the corresponding font sizes.</p>
<h4>Include images in the table cells</h4>
<p>Easily add images in the table cells with the WordPress image uploader. Use this feature to display the flags of sports teams, brand logos, achievements icons, people faces, and more.</p>
<h4>Automatically generate the “Position” column</h4>
<p>The plugin can optionally generate a column that indicates the position of the entity associated with the row. This particular column is created based on your defined sorting criteria. You can make this column the first column of your table or the last column of your table.</p>
<h3>Automatic sorting</h3>
<p>Automatically sort the table data based on the values of a specified column. The plugin uses the <a href="https://github.com/Mottie/tablesorter" rel="nofollow ugc">tablesorter</a> JavaScript library to perform this task.</p>
<h3>Manual sorting</h3>
<p>Enable the <strong>Manual Sorting</strong> option to make a table sortable by your visitors with clicks on the table header.</p>
<h3>Limitations</h3>
<p>The plugin currently supports a maximum of 10,000 rows and 40 columns per table. With this limitation, you will be able to create tables with a maximum of 400,000 cells.</p>
<p>Note that these limitations have been introduced for performance reasons and are also present in the <a href="https://daext.com/league-table/" rel="nofollow ugc">Pro version</a>.</p>
<h3>Pro version</h3>
<p>By purchasing the <a href="https://daext.com/league-table/" rel="nofollow ugc">Pro version</a> of League Table, you will enable the following additional features:</p>
<ul>
<li>Create backups of the plugin data or move the plugin data between different WordPress installations with the Import and Export menus</li>
<li>Use up to five sorting criteria to sort the table based on the data available in multiple columns</li>
<li>Merge the table cells</li>
<li>Create formulas with the following arithmetical operation: Sum, Subtraction, Minimum, Maximum, Average</li>
<li>Manually apply colors, custom typographic styles, or custom alignments to individual cells</li>
<li>Automatically apply colors to specific ranking positions of the table or defined lists of rows or columns</li>
<li>Enter custom HTML content in the table cells</li>
<li>Specify and display the table caption</li>
<li>Apply links to the text and images available in the table cells</li>
<li>Include tables in the posts with a dedicated Gutenberg block</li>
</ul>
<h3>Manual</h3>
<p>Please see the <a href="https://daext.com/doc/league-table/" rel="nofollow ugc">League Table Documentation</a> for installation instruction, more details on the plugin usage, or to read the plugin FAQ.</p>
<h3>Credits</h3>
<p>This plugin makes use of the following resources:</p>
<ul>
<li><a href="https://github.com/select2/select2" rel="nofollow ugc">Select2</a> licensed under the <a href="http://www.opensource.org/licenses/mit-license.php" rel="nofollow ugc">MIT License</a></li>
<li><a href="https://github.com/handsontable/handsontable" rel="nofollow ugc">Handsontable</a> (Handsontable CE 6.2.2) licensed under the <a href="http://www.opensource.org/licenses/mit-license.php" rel="nofollow ugc">MIT License</a></li>
<li><a href="https://github.com/Mottie/tablesorter" rel="nofollow ugc">TableSorter</a> licensed under the <a href="http://www.opensource.org/licenses/mit-license.php" rel="nofollow ugc">MIT License</a></li>
</ul>


League Table – WordPress Table Plugin

League Table is a table plugin that you can use to create sortable and responsive tables on your WordPress website.

Make Tables Responsive vs League Table – WordPress Table Plugin