如何在PugJS中使用rowspan同时从JSON对象提取变量

问题描述

我有一个代表球队名单的json对象，每个球队有三名球员。我正在使用express / pug创建表数据。

输入结构如下：

{ teams: [
  team: <string>,rank: <number>,members: [
    name: <string>,nationality: <string>,age: <number>,...
]
],...}

我可以看到如何使用每个以下两个语句来生成团队和所有三个成员跨一行的单元格：

              each val1 in teams
                tr
                  td #{val1.team}
                  td #{val1.rank}
                    each val2 in val1.members
                      td
                      td #{val2.name}
                      td #{val2.nationality}
                      td #{val2.age}

每个团队排成一行。


|----------|---------–|--------|-----------|-----|--------|-----------|-----|--------|-----------|-----|
|   Team   |   Rank   | Name   |Nationality| Age |  Name  |Nationality| Age |  Name  |Nationality| Age |
|----------|---------–|--------|-----------|-----|--------|-----------|-----|--------|-----------|-----|

但是我想让三个团队成员像这样相互重叠：

|----------|---------–|--------|-----------|-----|
|          |          | Name   |Nationality| Age |
|          |          |--------|-----------|-----|
|  Team    |   Rank   | Name   |Nationality| Age |
|          |          |--------|-----------|-----|
|          |          | Name   |Nationality| Age |
|----------|---------–|--------|-----------|-----|

这可以使用rowpan单元格来完成，但我不知道如何映射变量。

<tr>
<td rowspan="3">Team</td>
<td rowspan="3">Rank</td>
<td>Name</td>
<td>Nationality</td>
<td>Age</td>
</tr>
<tr>
<td>Name</td>
<td>Nationality</td>
<td>Age</td>
</tr>
<tr>
<td>Name</td>
<td>Nationality</td>
<td>Age</td>
</tr>

如何在PugJS中映射json对象以生成布局？

致谢史蒂夫

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

html-table pug