首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >具有展开行的表

具有展开行的表
EN

Stack Overflow用户
提问于 2019-06-03 00:02:12
回答 1查看 33关注 0票数 1

我正在尝试创建一个如下所示的表:

为此,我在互联网上关注了几个例子。

我做到了以下几点:

代码语言:javascript
复制
<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包含在ts中定义的userAnswers.length

使用这段代码,我得到了以下代码:

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

谢谢。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2019-06-03 00:19:47

我在stackblitz中重现了你的需求。我没有遇到关闭现有tr的必要性。

如果我遗漏了什么请告诉我。我做了两种方法,只是为了看看不同的选项。

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

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/56416677

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档