suifengtec

<p>Responsive tables by given css selectors.</p>


WP Responsive Tables

Responsive tables by given css selectors.

Hefin Dsouza

<p>WPApps Table Collapser is a lightweight plugin that makes your tables collapsible. By adding a <code>collapsible-table</code> class to your tables, you enable users to toggle the visibility of the table body by simply clicking on the table header.</p>
<h3>Features</h3>
<ul>
<li><strong>Collapsible Tables:</strong> Make any table collapsible by adding a simple class.</li>
<li><strong>Toggle Indicator:</strong> Automatically adds a <code>+/-</code> indicator to the last column of the table header.</li>
<li><strong>Customizable:</strong> Style the toggle indicator and table appearance with your own CSS.</li>
<li><strong>Block Editor Support:</strong> Includes a Gutenberg block for easy table creation and collapsing functionality.</li>
<li><strong>Mobile Friendly:</strong> Works seamlessly on mobile devices with responsive design.</li>
</ul>
<p><strong>Usage:</strong></p>
<ol>
<li>Ensure that your table has a <code><thead></code> tag for the table header, though it’s not mandatory if you enable the “Allow Table Without <code><thead></code>” option in settings.</li>
<li>Add the class <code>collapsible-table</code> to your table.</li>
<li>Optionally, add a <code>data-title</code> attribute to your table to set a custom title for the mobile compact view.</li>
<li>The last column in the table header will have a toggle indicator (<code>+/-</code>) added to it. Clicking anywhere in the header will show or hide the table body.</li>
</ol>


WPApps Table Collapser

A simple WordPress plugin that makes tables collapsible by clicking on the table header.

WP Responsive Tables vs WPApps Table Collapser