具有扩展行的表

Question

我正在尝试创建如下表：

为此，我在互联网上遵循了几个示例。

我取得了以下成绩：

<table>
    <tr width="35">
      <th>Columna A</th>
      <th>Columna B</th>
      <th>Columna C</th>
      <th>Columna D</th>
      <th>Columna E</th>
    </tr>
    <tr *ngFor="let result of Array">
      <td [attr.rowspan]="result.totalOfAnswers">{{result.infoA}}</td>
      <td [attr.rowspan]="result.totalOfAnswers">{{result.infoB}}</td>
      <td [attr.rowspan]="result.totalOfAnswers">{{result.infoC}} </td>
      <td [attr.rowspan]="result.totalOfAnswers">{{result.infoD}}</td>
      <td *ngFor="let answer of result.userAnswers">{{answer}}</td>
    </tr>
  </table>

变量totalOfAnswers包含userAnswers.length定义在ts

使用此代码，我得到以下信息：

我知道我必须添加另一个tr 来迭代第二个ngFor，但是如果我这样做，我会丢失result.answer 的值（在第一个tr 中迭代），因为我必须关闭第一个tr.

谢谢。

Answer 1

我在stackblitz 中复制了您的要求。我没有遇到关闭现有tr 的必要性。

如果我错过了什么，请告诉我。我做了两种方法，只是为了查看各种选项。

---

更新：以格式化空响应的方式添加。