gpt4 book ai didi

html - 使用 Angular 创建嵌套的可折叠表格

转载 作者:行者123 更新时间:2023-12-05 03:45:04 26 4
gpt4 key购买 nike

我正在显示一个表格,其中包含特定团队在给定年份参加的所有事件。表格的每一行都给出了单个事件(种子、位置等)的一些一般统计数据。当我点击任何给定行时,我想展开一个嵌套表格,其中显示该特定事件的所有游戏。

我在格式方面遇到了一些问题。现在,当我展开新表时,它会以一种奇怪的方式重新格式化父表,并且所有嵌套表列仅延伸到父表的第一个列。如何使它与父表的宽度相同?

Here is an example

这里是格式更漂亮的表格的屏幕截图,以防 stackblitz 示例难以看清。

折叠:enter image description here

展开: enter image description here

最佳答案

您需要使用 colspan="4"将嵌套表格放置在 tr 和 td 中

查看更新的示例:https://stackblitz.com/edit/angular-ivy-wnr2qn-nested-table

关于html - 使用 Angular 创建嵌套的可折叠表格,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/66149530/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com