我有一个引导程序表,该表通过循环显示我的mongoDB集合中的数据。我试图在我的表的最后一个rowspan
上使用td
,称为“其他”,以跨到表的末尾。但是,由于这是一个循环,因此会创建嵌套的rowspan
并弄乱表。有没有一种方法可以使行距不会像这样嵌套?它必须位于forEach
循环中,因为数据是从称为环境的我的集合中提取的,只能在forEach
中使用(如果在循环之外使用,则会出现错误“未定义环境” )
用于表格的html:
<table class="table">
<thead>
<tr>
<th scope="col">Something</th>
<th scope="col">Code Version</th>
<th scope="col">Region</th>
<th scope="col">Something</th>
<th scope="col">Something</th>
<th scope="col">Something->Membership</th>
<th scope="col">SBMO</th>
<th scope="col">Something</th>
<th scope="col">IVR</th>
<th scope="col">CPM</th>
<th scope="col">Other</th>
</tr>
</thead>
<tbody>
<!-- loop through each entry in mongoDB collection: environment -->
<% environment.forEach(function(environment){ %>
<tr>
<td>
<%= environment.something %>
</td>
<td>
<%= environment.codeVersion %>
</td>
<td>
<%= environment.region %>
</td>
<td>
<%= environment.something %>
</td>
<td>
<%= environment.something %>
</td>
<td>
<%= environment.membership %>
</td>
<td>
<%= environment.SBMO %>
</td>
<td>
<%= environment.something %>
</td>
<td>
<%= environment.IVR %>
</td>
<td>
<%= environment.CPM %>
</td>
<!-- this is the td that i'm having issues with -->
<td rowspan=50 class="other">
<%= environment.other %>
</td>
</tr>
<% }); %> <!-- end loop through environment -->
</tbody>
</table>
<td rowspan=10 class="other"><%= environment.other%></td>
上的检查器元素:
尝试将rowspan
后面的td放在</tr>
之后,如下所示。
而不是:
<td rowspan=50 class="other">
<div><%= environment.other %></div>
</td>
</tr>
尝试一下:
</tr>
<td rowspan=50 class="other">
<div><%= environment.other %></div>
</td>