{"id":195567,"date":"2024-07-04T13:46:34","date_gmt":"2024-07-04T13:46:34","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/wpapps-table-collapser\/"},"modified":"2024-10-05T07:34:38","modified_gmt":"2024-10-05T07:34:38","slug":"wpapps-table-collapser","status":"publish","type":"plugin","link":"https:\/\/sl.wordpress.org\/plugins\/wpapps-table-collapser\/","author":12873252,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"1.1.0","stable_tag":"1.1.0","tested":"6.6.5","requires":"4.0","requires_php":"5.6","requires_plugins":null,"header_name":"WPApps Table Collapser","header_author":"WPApps","header_description":"A simple WordPress plugin that makes tables collapsible by clicking on the table header. Add the class \"collapsible-table\"<\/code> to your table. Optionally, add a \"data-title\"<\/code> attribute to set a custom title for the mobile compact view. The plugin works with or without a thead<\/code> tag.","assets_banners_color":"d0e1dd","last_updated":"2024-10-05 07:34:38","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"","header_author_uri":"https:\/\/wpapps.net","rating":0,"author_block_rating":0,"active_installs":10,"downloads":556,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.0.0":{"tag":"1.0.0","author":"hefind","date":"2024-07-11 14:05:49"},"1.1.0":{"tag":"1.1.0","author":"hefind","date":"2024-10-05 07:34:38"}},"upgrade_notice":{"1.0.0":"
    \n
  • Initial release.<\/li>\n<\/ul>"},"ratings":[],"assets_icons":{"icon-128x128.gif":{"filename":"icon-128x128.gif","revision":3112646,"resolution":"128x128","location":"assets","locale":""},"icon-256x256.gif":{"filename":"icon-256x256.gif","revision":3112646,"resolution":"256x256","location":"assets","locale":""}},"assets_banners":{"banner-772x250.gif":{"filename":"banner-772x250.gif","revision":3116533,"resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{},"all_blocks":{"wpapps-tc\/table-collapser":{"$schema":"https:\/\/schemas.wp.org\/trunk\/block.json","apiVersion":2,"name":"wpapps-tc\/table-collapser","title":"Table Collapser","category":"common","icon":"editor-table","description":"A block that makes tables collapsible.","attributes":{"dataTitle":{"type":"string","default":"Table"}},"supports":{"html":false},"editorScript":"wpapps-tc-table-collapser-block-editor","editorStyle":"wpapps-tc-table-collapser-block-editor","style":"wpapps-tc-table-collapser-frontend"}},"tagged_versions":["1.0.0","1.1.0"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":3112676,"resolution":"1","location":"assets","locale":""},"screenshot-2.png":{"filename":"screenshot-2.png","revision":3112676,"resolution":"2","location":"assets","locale":""},"screenshot-3.png":{"filename":"screenshot-3.png","revision":3112676,"resolution":"3","location":"assets","locale":""},"screenshot-4.png":{"filename":"screenshot-4.png","revision":3112676,"resolution":"4","location":"assets","locale":""},"screenshot-5.gif":{"filename":"screenshot-5.gif","revision":3112678,"resolution":"5","location":"assets","locale":""}},"screenshots":{"1":"Example of a Collapsible Table:<\/strong>","2":"Settings Page:<\/strong>","3":"Detailed Guidelines on CSS Customization:<\/strong>","4":"Responsive Table View:<\/strong>","5":"Block Support:<\/strong>"},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[1220,19196,2289,2133],"plugin_category":[],"plugin_contributors":[221752],"plugin_business_model":[],"class_list":["post-195567","plugin","type-plugin","status-publish","hentry","plugin_tags-block","plugin_tags-responsive-table","plugin_tags-table","plugin_tags-toggle","plugin_contributors-hefind","plugin_committers-hefind"],"banners":{"banner":"https:\/\/ps.w.org\/wpapps-table-collapser\/assets\/banner-772x250.gif?rev=3116533","banner_2x":false,"banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/wpapps-table-collapser\/assets\/icon-128x128.gif?rev=3112646","icon_2x":"https:\/\/ps.w.org\/wpapps-table-collapser\/assets\/icon-256x256.gif?rev=3112646","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/wpapps-table-collapser\/assets\/screenshot-1.png?rev=3112676","caption":"Example of a Collapsible Table:<\/strong>"},{"src":"https:\/\/ps.w.org\/wpapps-table-collapser\/assets\/screenshot-2.png?rev=3112676","caption":"Settings Page:<\/strong>"},{"src":"https:\/\/ps.w.org\/wpapps-table-collapser\/assets\/screenshot-3.png?rev=3112676","caption":"Detailed Guidelines on CSS Customization:<\/strong>"},{"src":"https:\/\/ps.w.org\/wpapps-table-collapser\/assets\/screenshot-4.png?rev=3112676","caption":"Responsive Table View:<\/strong>"},{"src":"https:\/\/ps.w.org\/wpapps-table-collapser\/assets\/screenshot-5.gif?rev=3112678","caption":"Block Support:<\/strong>"}],"raw_content":"\n

    WPApps Table Collapser is a lightweight plugin that makes your tables collapsible. By adding a 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>\n\n

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

      Usage:<\/strong><\/p>\n\n

        \n
      1. Ensure that your table has a <thead><\/code> tag for the table header, though it's not mandatory if you enable the \"Allow Table Without <thead><\/code>\" option in settings.<\/li>\n
      2. Add the class collapsible-table<\/code> to your table.<\/li>\n
      3. Optionally, add a data-title<\/code> attribute to your table to set a custom title for the mobile compact view.<\/li>\n
      4. The last column in the table header will have a toggle indicator (+\/-<\/code>) added to it. Clicking anywhere in the header will show or hide the table body.<\/li>\n<\/ol>\n\n\n
          \n
        1. Upload the wpapps-table-collapser<\/code> folder to the \/wp-content\/plugins\/<\/code> directory.<\/li>\n
        2. Activate the plugin through the 'Plugins' menu in WordPress.<\/li>\n
        3. Add the collapsible-table<\/code> class to any table you want to make collapsible.<\/li>\n<\/ol>\n\n\n
          \n

          Does the table require any specific structure?<\/h3><\/dt>\n

          For optimal functionality, the table should have a <thead><\/code> tag defining the header. The collapsing functionality is primarily activated by clicking on this header. However, if you enable the \"Allow Table Without <thead><\/code>\" option in the settings, the plugin will also work without a <thead><\/code>.<\/p><\/dd>\n

          Can I style the toggle indicator?<\/h3><\/dt>\n

          Yes, you can style the toggle indicator by targeting the .toggle-indicator<\/code> class in your CSS.<\/p><\/dd>\n

          How do I set a custom title for the mobile view?<\/h3><\/dt>\n

          You can add a data-title<\/code> attribute to your table element to set a custom title that will be displayed in the mobile compact view.<\/p><\/dd>\n

          Is the plugin compatible with the Gutenberg block editor?<\/h3><\/dt>\n

          Yes, the plugin includes a Gutenberg block for easy creation and management of collapsible tables.<\/p><\/dd>\n\n<\/dl>\n\n\n

          1.1.0<\/h4>\n\n
            \n
          • Fixed a bug where the block editor css gets loaded in the front-end.<\/li>\n<\/ul>\n\n

            1.0.0<\/h4>\n\n
              \n
            • Initial release.<\/li>\n<\/ul>","raw_excerpt":"A simple WordPress plugin that makes tables collapsible by clicking on the table header.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/sl.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/195567","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sl.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/sl.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/sl.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=195567"}],"author":[{"embeddable":true,"href":"https:\/\/sl.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/hefind"}],"wp:attachment":[{"href":"https:\/\/sl.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=195567"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/sl.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=195567"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/sl.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=195567"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/sl.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=195567"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/sl.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=195567"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/sl.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=195567"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}