Javascript 如何制作<；td>；元素看起来像嵌套的<；tr>；

我有一个表，其中我需要行中的最后一个td看起来像一个嵌套行

我无法将其设为新行，但我希望

中的所有内容都嵌套在该行下

请看这个。您可以单击图标以查看出现的新行。但是我不能使用新行，它需要在同一个DOM行中。我希望最后一列向下移动，使其看起来像新行。它不必对齐，只需转到新行即可

有没有css可以实现这一点

---

我可以使用jquery/js来更改css以实现这一点吗？

您可以对tr使用colspan并给出您拥有的列数…然后您只需要一个td

您可以对tr使用colspan并给出您拥有的列数…然后您只需要一个td

您可以隐藏一些单元格，然后使用

colspan

以跨越其余列

1.1
1.2
1.3
1.4
2.1
2.2
2.3
2.4
3.1
3.2
3.3
3.4

表格{宽度：100%；颜色：白色}
td{背景：蓝色}
tr:类型的最后一个td:类型的最后一个{背景：绿色；}
.hide{display:none；}

您可以隐藏一些单元格，然后使用

colspan

跨越其余列

1.1
1.2
1.3
1.4
2.1
2.2
2.3
2.4
3.1
3.2
3.3
3.4

表格{宽度：100%；颜色：白色}
td{背景：蓝色}
tr:类型的最后一个td:类型的最后一个{背景：绿色；}
.hide{display:none；}

为什么没有任何注释就进行向下投票？我希望所有内容都嵌套在该行下。。。。请澄清您的问题，并添加实际相关代码和预期输出。您可以尝试使用css display:table cell使用css display:table行和其中的每个元素。只需在用fiddle更新的

中使用嵌套表即可@是的，我做到了。请看小提琴。但是我如何让

向下一行呢？为什么不做任何注释就进行向下投票？我希望所有内容都嵌套在该行下。。。。请澄清您的问题，并添加实际相关代码和预期输出。您可以尝试使用css display:table cell使用css display:table行和其中的每个元素。只需在用fiddle更新的

中使用嵌套表即可@是的，我做到了。请看小提琴。但是我怎样才能让

排成一行呢？这个代码是狗写的。这就是为什么你知道它是好的。这段代码是由一只狗写的。这就是你知道它好的原因。