Html 如何在新行中的tr内添加新表？

我有一张桌子：

<table>
 <tr>
  <td (click)="expend()">aaaa</td>  
  <table>
  <tr><td>bbbb</td></tr>
  </table>
</tr>
</table>

aaaa
bbbb

现在我想要的是为那一行添加新表，所以在顶部我将有那个tr，下面我将有那个新表。有什么建议吗

编辑：

这是我的满桌：

<table class="custom-table">
                                        <tr dnd-draggable  [dragData]="sa" (onDragStart)="dnd.set(true);" (onDragEnd)="dnd.set(false)"  *ngFor="let sa of customerGeneralInfo?.serviceAccount" (click)="sa?.accountclassCode=='SAGG' ? getSAGG(sa.p_SA_ID):getServiceAccount(sa.p_SA_ID,'CA');addToHistory('CA')">
                                            <td>{{sa?.p_SA_ID}}</td>
                                            <td>{{sa?.address}}</td>
                                            <td *ngIf="sa?.accountclassCode=='SAGG'">{{sa?.accountclassCode}}</td>
                                            <td style="display:block">
                                                <table *ngIf="saggInfo?.serviceAccount?.length > 0">
                                                    <tr *ngFor="let saggsa of saggInfo?.serviceAccount">
                                                        <td>
                                                            {{saggsa?.p_SA_ID}}
                                                        </td>
                                                        <td>
                                                            {{saggsa?.address}}
                                                        </td>
                                                    </tr>
                                                </table>
                                            </td>
                                        </tr>

                                    </table>

{{sa？.p_sa_ID}
{{sa？.address}
{{sa？.accountclassCode}
{{saggsa？.p_SA_ID}
{{saggsa？.address}

我想要实现的是： AAAAA-第一排 BBB-第二张表 ccccc-第二排是这样的吗

<table>
 <tr>
  <td (click)="expend()">aaaa</td>   
 </tr>
 <tr>
  <td>
   <table>
    <tr><td>bbbb</td></tr>
   </table>
  </td>
 </tr>
</table>

aaaa
bbbb

添加了边框以查看每个表的开始和结束位置

编辑

表格{
边框：1px实心#aaa；
}

{{sa？.p_sa_ID}
{{sa？.address}
{{sa？.accountclassCode}
{{saggsa？.p_SA_ID}
{{saggsa？.address}

它怎么不起作用？给我们一个它不起作用，因为我没有在新的行中获得表我不认为你可以在一个

tr

中放置一个新表…只有一个

td

我更新了我的问题它将在第一个表的所有数据的末尾添加，我不想要that@None你能准确地描述一下发生了什么（以及为什么它不好），好让其他人理解你的问题？请编辑您的问题，而不是散布评论，不会立即阅读。