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

Superb

Suplugins

<p>Responsive & SEO Optimized tables. Get your Google Featured Snippets. Different table designs, table shortcodes & lightweight code.</p>
<p><strong><a href="https://superbthemes.com/demo/superb-tables/" rel="nofollow ugc">Click here to view the demo!</a></strong></p>
<h3>Features</h3>
<ul>
<li>Table Shortcodes</li>
<li>Multiple Color Schemes</li>
<li>Use Themes Own Table Design</li>
<li>Schema Markup (Micro Data)</li>
<li>Create Unlimited Tables</li>
<li>Create Unlimited Rows</li>
<li>Create unlimited Columns</li>
<li>SEO-friendly Tables With Schema markup</li>
<li>Purple Color Scheme</li>
<li>Black/White Color Scheme</li>
<li>Swap around on columns & rows with drag n’ drop</li>
<li>Delete Tables & Remove Them From Your Database</li>
<li>Gives you a better chance to get Google Featured Snippets</li>
<li>Friendly User Support</li>
<li>GDPR Compliant </li>
<li>W3C Valid Code</li>
<li>WYSIWYG Functionality Editor</li>
</ul>
<h3>Configuring the plugin</h3>
<p>Once you’ve installed the plugin, check the left sidebar, and you will notice the Superb Table section. Click on it, and you can now create your first table. Just click on the Add New Table button.</p>
<p>Feel free to add as many columns and rows as you want—inserting rows and columns is extremely easy.</p>
<p>You have a few options to make your table stand apart. First, choose one of the three color schemes: standard, purple, or black. Second, choose your table design: default or custom. Block, left, and inline-block are the floating modes for your table. Finally, enable or disable the full width of the table.</p>
<p>Once you finish your table, name it and save it. All you have to do now is to copy the shortcode and paste wherever you want, you can for example embed it in the Gutenberg Shortcode Block! (It works in the classic WordPress editor too)</p>
<p>Consider purchasing our <a href="https://superbthemes.com/plugins/superb-tables/" rel="nofollow ugc">premium version</a> for $11 to unlock more features!</p>
<h3>Why use a HTML table</h3>
<p>Displaying data within a comparison table is beneficial for not only readers but also content creators. A table does a better job than long paragraphs of text, underlined phrases, and bulleted lists. It shows a lot of information side by side in a concise format. Bloggers and content creators should create tables and insert the data. There’s no need to search for breathtaking expressions, cool descriptions, or digestible lists of items. It’s just pure data, and everyone is happy with this situation. You can read our full guide on <a href="https://superbthemes.com/how-to-add-a-table-to-your-wordpress-website/" rel="nofollow ugc">How to Add a Table to Your WordPress Website</a> with Superb Tables.</p>
<h3>Responsive Tables</h3>
<p>We developed Superb Tables mobile friendly by taking responsiveness into account, and as a result, you can make a WordPress table responsive by using our plugin. The tables are fully responsive regardless of the number of rows and columns. The plugin works on all mobile devices and tablets (iPhone, Android etc.). The plugin works with AMP.</p>
<h3>SEO Friendly WordPress Tables With Schema Markup</h3>
<p>“Schema markup“ and “featured snippets“ are two interconnected terms that are being used by more and more bloggers, SEO practitioners, and developers. Have you noticed that Google now provides complex answers in the form of lists, tables, paragraphs, or videos directly on the results page? Those are featured snippets.</p>
<p>Moz claims that 23% of all search results include a featured snippet—a descriptive box displayed on the search results page providing information for your query. It may include paragraphs, lists, videos, or tables. You have to consider featured snippets when choosing a table plugin—can it help Google generate a featured snippet from the data within your table?</p>
<p>We developed Superb Tables with featured snippets in mind, and you can use the plugin worry-free. We used schema markup, which is the code that helps search engine bots generate snippets from your content, including tables. It’s a great way for affiliate websites and blogs to promote their content.</p>
<p>You must use WordPress tables with schema markup to get featured snippets on search engines, and Superb Tables is a reliable solution in this respect.</p>
<h3>Add Tables everywhere & use them for Any Purpose</h3>
<p>You can insert the SEO optimised tables with microdata everywhere through the shortcode. For example in a popup, widgets, Gutenberg blocks, email newsletter sent from your WordPress website. You can also insert it on any post or page, even category pages, blog feed, search page and your 404 page! The plugin is made for affiliates marketers and affiliate websites, having a good SERP rank in Google and Bing is critical. When you’re looking to improve your ranking then all of your plugins must be SEO optimized, otherwise it’s gonna be hard to create monetization through ads programs such as AdSense and Amazon Associates Program.</p>
<p>We know that business is important for any modern blog or affiliate marketing website that’s looking to make a revenue from it. Remember to use HTTPS (SSL) on your website, a CDN and lightweight stats tracking tools such as Google Analytics to better your SEO as well.</p>
<h3>Guide to creating your Superb Tables</h3>
<ol>
<li>In the wordpress admin panel, go to the sidebar and click ‘Superb Tables’.</li>
<li>Click the green ‘Add new table’ in the top left corner</li>
<li>Fill in your table data, click ‘Save’</li>
<li>Click ‘Superb Tables’ in the left sidebar and copy paste the ‘Table Shortcode’</li>
<li>Insert the Table Shortcode (For example [spbtbl_sc id=1] ) in a post, page, widget or in HTML.</li>
</ol>
<p>You’re done!</p>
<h3>Resources & Inspiration</h3>
<ul>
<li>Auto-Expand: https://codepen.io/vsync/pen/frudD</li>
<li>Data Table: https://codepen.io/alassetter/pen/cyrfB</li>
<li>Table DnD: https://github.com/isocra/TableDnD/</li>
<li>Table icon: https://www.iconfinder.com/icons/1608863/table_icon#size=256</li>
<li>Custom confirm: https://codepen.io/Ana_Champion/pen/JRbZEL</li>
<li>Table design inspiration: https://codepen.io/lukepeters/pen/bfFur</li>
<li>Table design inspiration: https://codepen.io/alassetter/pen/cyrfB</li>
<li>Table design inspiration: https://uicookies.com/wp-content/uploads/2018/05/table-responsive-v2-1000×750.jpg</li>
<li>Table design inspiration: https://uicookies.com/wp-content/uploads/2018/05/table-responsive-v1.jpg</li>
</ul>


Superb Table (SEO Optimized Tables With Schema)

Responsive & SEO Optimized tables. Get your Google Featured Snippets. Different table designs, table shortcodes & lightweight code.

Make Tables Responsive vs Superb Table (SEO Optimized Tables With Schema)