Html 带有引导选项卡的表

我正在尝试创建一个表，该表将包含一些列，在左侧有基本事实，在右侧有一些列可以使用选项卡。大概是这样的：

所以问题是，如何做到这一点

我个人可以想出两种解决方案，但实际上我不喜欢这两种：

• 为Tab1、Tab2编写自己的表。。。包含基本数据和选项卡式数据的
• 为基本数据写一个表格，为每个选项卡写一个表格。在这里，我认为将两张桌子粘在一起会有很多设计问题，所以它们看起来像一张桌子

---

所以实际上我不喜欢两种解决方案。也许有更好的解决方案？

也许您可以为属于每个选项卡的列指定其自己的唯一类，例如

.tab1 columns

，

.tab2 columns

，等等。然后，您可以根据活动选项卡显示或隐藏列。但是，选项卡将存在于表之外。或者，您可以将制表符放入实际表标题行上方的伪标题行中，第一个标题单元格跨越那些不应“制表”的单元格。然而，我认为将选项卡放在表外本质上更具语义

---

HTH.

渲染所有列，但隐藏它们（

显示：无；

），默认情况下列除外

---

然后添加

单击选项卡上的

事件以切换可见列。确保只使用，而不是。。我想这样会容易些

谢谢。这真的是一个我没有想到的解决方案。但这听起来比我的想法要好得多。NP，很高兴我能帮上忙。：）谢谢你的建议。我实现了它。而且很有魅力