使用HTML / Javascript折叠/展开表格

2023年3月5日 711次阅读

我有一张相当大的桌子,所以我需要一种方法来展开它,并展开它只是必要的.

我怎么能用HTML做到这一点？我需要Javascript吗？如果是这样,那么代码是什么？

最佳答案 如果您将使用jquery,您可以查看下面的代码.

在css中：

.collapsed-table tr {
  display: none;
}

在html中：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> 
<table class="collapsed-table">
   <caption>Expand/collapce</caption> 
   <tr>
       <td></td>
   </tr>
   ....
</table>

<script type="text/javascript">
$('.collapsed-table > caption').click(function() {
   $(this).toggleClass('collapsed-table');
})
</script>
点赞