角度材料表折叠/展开整个表，仅显示表头

<table>
  <thead>
    <tr>
      <th onclick="toggleTable()">表头1</th>
      <th>表头2</th>
      <th>表头3</th>
      <!-- 其他表头列 -->
    </tr>
  </thead>
  <tbody id="tableBody">
    <!-- 表格内容行 -->
  </tbody>
</table>

#tableBody {
  display: none;
}

th {
  cursor: pointer;
}

function toggleTable() {
  var tableBody = document.getElementById("tableBody");
  if (tableBody.style.display === "none") {
    tableBody.style.display = "table-row-group";
  } else {
    tableBody.style.display = "none";
  }
}