在带有ejs的forEach循环中使用行跨度?

问题描述 投票:0回答:1

我有一个引导程序表,该表通过循环显示我的mongoDB集合中的数据。我试图在我的表的最后一个rowspan上使用td,称为“其他”,以跨到表的末尾。但是,由于这是一个循环,因此会创建嵌套的rowspan并弄乱表。有没有一种方法可以使行距不会像这样嵌套?它必须位于forEach循环中,因为数据是从称为环境的我的集合中提取的,只能在forEach中使用(如果在循环之外使用,则会出现错误“未定义环境” )

当我尝试在最后一列上使用rowspan时的外观:enter image description here

用于表格的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>上的检查器元素:enter image description here

html twitter-bootstrap foreach html-table ejs
1个回答
0
投票

尝试将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>
© www.soinside.com 2019 - 2024. All rights reserved.