创建垂直折叠和扩展的html表

Question

我有一个PHP脚本，它可以读取文件并生成一个多页的表格集合，并且很容易阅读。有没有办法让每个表崩溃，只需点击一个小按钮，只留下该表的标题栏？

谢谢！

Answer 1

您可以将表放在div元素中，并在按钮单击时使用jquery切换。

这是一个表

的示例

HTML

<button id="hideshow">Helper</button>

<div id="hideshow1"><table><tr><td>One</td><td>Two</td></tr><tr><td>One</td><td>Two</td></tr></table></div>

JAVASCRIPT

   $( "#hideshow" ).click(function() {
      $( "#hideshow1" ).toggle("slow");      
    });

希望它有所帮助！

Answer 2

我认为你可以使用CSS和JavaScript或JQuery来做到这一点。定义一个带有css类的div，例如＆＃34; collapsible＆＃34; ，在您的页面上放置一个链接并编写一个脚本，找到该类的任何元素并隐藏/显示它们。

Answer 3

创建一个div。将表放在dat内。为div提供溢出，在脚本中使用Jquery Slidetoggle，显示和隐藏功能。您将获得必要的折叠和扩展html表