WPApps Table Collapser

WPApps Table Collapser is a lightweight plugin that makes your tables collapsible. By adding a collapsible-table class to your tables, you enable users to toggle the visibility of the table body by simply clicking on the table header.

Features

• Collapsible Tables: Make any table collapsible by adding a simple class.
• Toggle Indicator: Automatically adds a +/- indicator to the last column of the table header.
• Customizable: Style the toggle indicator and table appearance with your own CSS.
• Block Editor Support: Includes a Gutenberg block for easy table creation and collapsing functionality.
• Mobile Friendly: Works seamlessly on mobile devices with responsive design.

Usage:

1. Ensure that your table has a <thead> tag for the table header, though it’s not mandatory if you enable the “Allow Table Without <thead>” option in settings.
2. Add the class collapsible-table to your table.
3. Optionally, add a data-title attribute to your table to set a custom title for the mobile compact view.
4. The last column in the table header will have a toggle indicator (+/-) added to it. Clicking anywhere in the header will show or hide the table body.

1.1.0

• Fixed a bug where the block editor css gets loaded in the front-end.

1.0.0

• Initial release.

1. Upload the wpapps-table-collapser folder to the /wp-content/plugins/ directory.
2. Activate the plugin through the ‘Plugins’ menu in WordPress.
3. Add the collapsible-table class to any table you want to make collapsible.