具有扩展行的表

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的值（在第一个{{1}中重复了） }），因为我必须关闭第一个tr。

谢谢。

Answer 1

我在stackblitz中转载了您的要求。我没有遇到关闭现有tr的必要。

让我知道我是否错过了什么。我做了2种方法，只是为了查看各种选项。

---

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