Html 如何显示嵌套表？

我在html的表中有一个表，如下所示：

<table class="sortable draggable">
    <thead>
        <tr>
            <th class="col-salesOrderId">Order Number</th>
            <th class="col-orderDate">Date of Order</th>
            <th class="col-party">Party</th>
            <th class="col-edit">Edit</th>
            <th class="col-delete">Delete</th>
        </tr>
    </thead>
    <tbody>
        {#orders}
        <tr>
            <td class="col-salesOrderId">{.salesOrderId}</td>
            <td class="col-orderDate">{@formatDate date=orderDate format="DD-MM-YYYY" /}</td>
            <td class="col-party">{.party.partyName}</td>
            <td class="col-edit">
                <button class="btn btn-info btn-edit">
                    &nbsp;
                </button>
            </td>
            <td class="col-delete">
                <button class="btn btn-danger btn-delete">
                    &nbsp;
                </button>
            </td>
        </tr>
        <tr>
          <table class="sortable draggable row-details">
            <thead>
                <tr>
                    <th class="col-itemName">Item Name</th>
                    <th class="col-quantity">Quantity</th>
                    <th class="col-rate">Rate</th>
                    <th class="col-amount">Amount</th>
                </tr>
            </thead>
            <tbody>
                {#items}
                  <tr>
                    <td>{.item.itemName}</td>
                    <td>{.quantity}</td>
                    <td>{.rate}</td>
                      <td>{.quantity * .rate}</td>
                  </tr>
                {/items}
            </tbody>
          </table>
        </tr>
        {/orders}
    </tbody>
</table>

订单号
订购日期
聚会
编辑
删除
{#命令}
{.salesOrderId}
{@formatDate=orderDate format=“DD-MM-YYYY”/}
{.party.partyName}
项目名称
量
比率
数量
{#项目}
{.item.itemName}
{.quantity}
{.rate}
{.quantity*.rate}
{/items}
{/orders}

我得到如下所示的输出：

---

为什么我得到这样的输出？我希望看到嵌套的表。

您需要将子

标记嵌套在

标记中，而不是嵌套在

标记中。这样做应该可以使其正确显示，因为只有

或

标记可以直接进入

标记中。

您需要将子

标记嵌套在

标记中，而不是嵌套在

标记中。这样做应该可以使其正确显示，因为只有

或

标记可以直接进入

标记内部。

<table>
    <tr>
         <td> <!-- must be in td -->
             <table> <!-- nested table -->
                   <tr>
                         <td>

                         </td>
                   </tr>
             </table>
         </td>
    </tr>
</table>

嵌套表需要位于td或th的内部

---

嵌套表需要位于td或th的内部

您的HTML有几个错误，首先是：

{#orders}

正如其他人所提到的，这也是不好的：

<tr>↩          <table class="sortable draggable row-details"

---

↩           您的HTML有几个错误，首先是：

{#orders}

正如其他人所提到的，这也是不好的：

<tr>↩          <table class="sortable draggable row-details"

↩           
标记需要在
或
标记内才能嵌套。在代码中，您将
标记作为
标记的子标记，这是错误的。它应该是
或
的子级

在
和
之间插入
或
将正确输出

以下是供参考的工作链接：

例如：

项目1
项目2
1.
2.
1.
2.
A.
标签需要在
或
标签内才能嵌套。在代码中，您将
标记作为
标记的子标记，这是错误的。它应该是
或
的子级

在
和
之间插入
或
将正确输出

以下是供参考的工作链接：

例如：

项目1
项目2
1.
2.
1.
2.
A.
您的嵌套无效。你的嵌套无效。“将孩子嵌套在标签内，而不是标签内”-说什么？@timster新加入此网站的人没有意识到在开始和结束标签内遗漏了任何内容，现在编辑我的回答“将孩子嵌套在标签内，而不是标签内”-说什么？@timster新加入此网站的人没有意识到在开始和结束标签内遗漏了任何内容，现在编辑我的答案