CSS - 表中的嵌套行

Question

我想创建一个完全相同的表：

我无法访问该网站，所以我无法检查该表。

最初我尝试使用表，它可以使用margin-left来移动一点子项，但是行内的div不会占据全高，我想要一个< strong> border-bottom与图像完全一样（在左边距之后开始）并且无法使其工作

我也尝试将div用作树，如下所示：

<div class="parent">
    <div class="parent">
    </div>
</div>

带风格

.parent > .parent { margin-left: 25px; }

但是我无法弄清楚如何创建表格的右侧，因为Name之后的下一个项目必须尊重表格，我不知道该怎么做它

还有使用子项（保证金：20px），子项目2 （保证金：40px）等类别的黑客攻击但是我认为这是一个黑客，所以我不想使用它们，除非我别无选择

您是否有 代码段 或任何 想法 如何执行此操作？ 我不是要求整个代码，我只需要知道这个

背后的想法

Answer 1

将所有内容保存在表格中并使用ul代替div应该可行。 insertRow()只需显示/隐藏列表。