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

supsystic

<p><span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/_iTqniU-4Ec?version=3&rel=0&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span><br />
<strong>Data Tables Generator by Supsystic</strong><br />
A powerful table builder plugin for WordPress — with built-in charts and graphs. Think of it like <strong>Excel spreadsheets for WordPress websites</strong>, where your data lives in structured tables and can also be visualised with charts when needed.</p>
<p>Data Tables Generator by Supsystic is a flexible <a href="https://supsystic.com/plugins/wordpress-data-table-plugin/" rel="nofollow ugc">WordPress table plugin</a> that lets you create clean, interactive tables and datatables, with integrated charts and graphs to present structured data clearly — without writing code.</p>
<p>If your content makes more sense in rows and columns — but benefits from visual insights too — this plugin was built for you.</p>
<h4>🤖 Now Works With AI — Control Your Tables by Typing or Talking</h4>
<p>Data Tables Generator now connects directly to the AI tools you already use — including ChatGPT, Claude, Gemini, Copilot, Cursor, and any other AI assistant that supports the MCP standard.</p>
<p>Instead of clicking through menus, just ask:</p>
<ul>
<li>“What’s the average value in column B?”</li>
<li>“Which rows have a quantity below 10?”</li>
<li>“Give me a summary of this table.”</li>
</ul>
<p>Your AI assistant reads your WordPress tables and answers instantly. No SQL. No exports. No manual scanning.</p>
<p>Included free: read and analyse any table using AI chat or voice.</p>
<h4>⚡ Pro AI Add-On — Create, Edit and Manage Tables With AI</h4>
<p>Upgrade to the Pro AI add-on and your AI assistant goes from reader to editor. Just describe what you want done:</p>
<ul>
<li>“Create a pricing table with three tiers.”</li>
<li>“Add a new column for discount percentage.”</li>
<li>“Apply a formula to calculate totals in the last row.”</li>
<li>“Export this table as Excel.”</li>
</ul>
<p>No need to open the WordPress dashboard. Non-technical team members can create and update structured data safely, just by asking.</p>
<p>Free = ask questions about your data. Pro AI = create, edit and manage it.</p>
<h4>📊 Turn Data Into Usable Tables (and Visuals)</h4>
<p>Create:<br />
* Simple and complex data tables<br />
* Comparison and pricing tables<br />
* Lists, schedules, directories, and datasets<br />
* Large tables built from spreadsheet-style data<br />
* <a href="https://supsystic.com/blog/how-to-visualize-data-table-information-with/" rel="nofollow ugc">Charts and graphs</a> generated directly from table data</p>
<p>Tables are responsive by default and remain readable on all devices.</p>
<h4>🧩 A Serious Table Builder — Not Just a Block</h4>
<p>This is a dedicated table builder, designed for real data.<br />
Built for table-heavy content where structure and usability matter:</p>
<ul>
<li>Sorting, searching, and pagination</li>
<li>Column control and visibility options</li>
<li>Reliable performance with large datatables</li>
<li>Visual charts to highlight trends and comparisons</li>
</ul>
<p>You get structured tables and visual storytelling in one plugin.</p>
<h4>📥 Import From Spreadsheet & Database Sources</h4>
<p>Create tables manually or <a href="https://supsystic.com/importing-data-into-wordpress-tables/" rel="nofollow ugc">import data</a> from:<br />
* CSV files<br />
* Excel spreadsheets<br />
* Google Sheets<br />
* MySQL databases</p>
<p>Ideal if your data already lives outside WordPress.</p>
<h4>🔄 Work With Dynamic Data</h4>
<p>Data Tables Generator supports tables connected to <a href="https://supsystic.com/docs/data-tables/" rel="nofollow ugc">external data sources</a>.<br />
When your source data changes — such as a spreadsheet or database — tables can be updated without rebuilding them from scratch. This makes it suitable for data that evolves over time, not just static content.<br />
<strong>For example</strong>:<br />
If you manage a product list, pricing table, availability sheet, or catalogue in a spreadsheet, you can connect it to a table on your site.<br />
When prices, descriptions, or other data change in the source file, the table can be updated without manually editing it inside WordPress.</p>
<h4>🎨 Style Tables to Match Your Site</h4>
<p><a href="https://supsystic.com/building-pricing-tables-with-wordpress-plugin/" rel="nofollow ugc">Customise tables and charts</a> visually:<br />
* Fonts, colours, borders, and spacing<br />
* Row and column formatting<br />
* Links, images, icons, and tooltips<br />
* Optional custom CSS is available for advanced users.</p>
<p>Table cells can also include images and video, allowing you to build richer layouts — such as:<br />
* Product or feature comparison tables with short demo videos<br />
* Staff or team directories with profile media<br />
* Data lists where visuals explain context better than text</p>
<h4>📘 Learn as You Go</h4>
<p>Data Tables Generator includes a growing library of <a href="https://supsystic.com/docs/data-tables/" rel="nofollow ugc">step-by-step tutorials</a>.<br />
From your first table to more advanced setups with charts and larger datasets, the guides focus on practical, real-world use cases.</p>
<h4>⚡ Fast, Stable, and Actively Maintained</h4>
<p>Built to handle real-world data without slowing down your site. The plugin is <a href="https://wordpress.org/plugins/data-tables-generator-by-supsystic/#developers" rel="ugc">regularly updated</a> to stay compatible with the latest versions of WordPress and modern themes.</p>
<h4>⚙️ Beginner Friendly. Developer Capable.</h4>
<ul>
<li>Visual table builder UI</li>
<li>Insert tables using shortcodes or blocks</li>
<li>Extend behaviour with custom CSS or JavaScript<br />
Suitable for site owners, agencies, and developers alike.</li>
</ul>
<h4>🔓 Free Version + Pro When You Need More Power</h4>
<p>The free version covers most common table use cases <a href="https://supsystic.com/plugins/wordpress-data-table-plugin/" rel="nofollow ugc">Upgrade to Pro</a> and is ideal for getting started — including free AI read and analyse access.</p>
<p>As your data grows or requirements become more advanced, the Pro version unlocks tools designed to save time and reduce manual work, including:</p>
<ul>
<li>Formula calculations and computed values</li>
<li>Advanced filtering and search logic</li>
<li>Front-end table editing</li>
<li>Additional import and export options</li>
<li>Enhanced chart and visualisation features</li>
</ul>
<h4>❤️ Real Support From People Who Know the Plugin</h4>
<p>Data Tables Generator is actively maintained and supported by a team that builds, uses, and supports the plugin every day.<br />
When you need help, you’ll be talking to <a href="https://supsystic.com/contact-us/" rel="nofollow ugc">Get support</a> who live and breathe tables.</p>


Data Tables Generator by Supsystic


I had a strange issue in a multisite, but their support team worked hard, and I had an excellent communication to solve the issue. 



I highly recommend this plugin.






Great plugin and excelent support

Excel-style tables for WordPress — now with AI. Create, edit and analyse data using ChatGPT, Claude, Gemini and more.

Make Tables Responsive vs Data Tables Generator by Supsystic