{"id":404181,"date":"2024-07-04T08:00:00","date_gmt":"2024-07-04T08:00:00","guid":{"rendered":"https:\/\/www.weixiaoduo.com\/plugins\/wpapps-table-collapser\/"},"modified":"2024-10-05T15:34:00","modified_gmt":"2024-10-05T15:34:00","slug":"wpapps-table-collapser","status":"publish","type":"post","link":"https:\/\/www.weixiaoduo.com\/plugins\/wpapps-table-collapser\/","title":{"rendered":"WPApps Table Collapser"},"content":{"rendered":"<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>\n<h3>Features<\/h3>\n<ul>\n<li><strong>Collapsible Tables:<\/strong> Make any table collapsible by adding a simple class.<\/li>\n<li><strong>Toggle Indicator:<\/strong> Automatically adds a <code>+\/-<\/code> indicator to the last column of the table header.<\/li>\n<li><strong>Customizable:<\/strong> Style the toggle indicator and table appearance with your own CSS.<\/li>\n<li><strong>Block Editor Support:<\/strong> Includes a Gutenberg block for easy table creation and collapsing functionality.<\/li>\n<li><strong>Mobile Friendly:<\/strong> Works seamlessly on mobile devices with responsive design.<\/li>\n<\/ul>\n<p><strong>Usage:<\/strong><\/p>\n<ol>\n<li>Ensure that your table has a <code>\n<thead><\/code> tag for the table header, though it\u2019s not mandatory if you enable the \u201cAllow Table Without <code><\/p>\n<thead><\/code>\u201d option in settings.<\/li>\n<li>Add the class <code>collapsible-table<\/code> to your table.<\/li>\n<li>Optionally, add a <code>data-title<\/code> attribute to your table to set a custom title for the mobile compact view.<\/li>\n<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>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>A simple WordPress plugin that makes tables collapsible by clicking on the table header.<\/p>\n","protected":false},"author":65,"featured_media":404182,"comment_status":"open","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"slim_seo":{"title":"WPApps Table Collapser - \u8587\u6653\u6735\u63d2\u4ef6\u76ee\u5f55","description":"A simple WordPress plugin that makes tables collapsible by clicking on the table header."},"footnotes":""},"categories":[1],"tags":[288,3476,882,1186],"class_list":["post-404181","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","tag-block","tag-responsive-table","tag-table","tag-toggle"],"_links":{"self":[{"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/posts\/404181","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/users\/65"}],"replies":[{"embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/comments?post=404181"}],"version-history":[{"count":0,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/posts\/404181\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/media\/404182"}],"wp:attachment":[{"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/media?parent=404181"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/categories?post=404181"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/tags?post=404181"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}