Follow for free plugins, new theme releases and theme news
Plugin Description
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:
- 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.
- Add the class
collapsible-table to your table.
- Optionally, add a
data-title attribute to your table to set a custom title for the mobile compact view.
- 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.
Screenshots
Example of a Collapsible Table:
Settings Page:
Detailed Guidelines on CSS Customization:
Responsive Table View:
Block Support:
