时间戳

首页 > 解决方案 > 在带有ejs的forEach循环中使用rowspan？

html - 在带有ejs的forEach循环中使用rowspan？

问题描述

我有一个引导表，通过循环显示我的 mongoDB 集合中的数据。我试图rowspan在我的最后一张td桌子上使用，称为“其他”，跨越到桌子的末尾。但是，因为它是一个循环，所以它创建了一个嵌套rowspan并弄乱了表格。有没有办法让行跨度不会像这样嵌套？它需要在forEach循环中，因为数据是从我的名为 environment 的集合中提取的，它只能用于forEach（如果在循环之外使用，它会给我错误“未定义环境”）

当我尝试在最后一列上使用 rowspan 时它的外观： 在此处输入图像描述

表格的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>： 在此处输入图像描述

标签： htmltwitter-bootstrapforeachhtml-tableejs

解决方案

尝试将您的 td 放在您的 tdrowspan之后</tr>，如下所示。

代替 ：

   <td rowspan=50 class="other">
       <div><%= environment.other %></div>
   </td>
</tr>

<% }); %> <!-- end loop through environment -->

尝试这个 ：

</tr>
   <td rowspan=50 class="other">
       <div><%= environment.other %></div>
   </td>

<% }); %> <!-- end loop through environment -->

推荐阅读