Использование rowspan в forEach l oop с e js? - PullRequest
Новая
       6

Использование rowspan в forEach l oop с e js?

0 голосов
/ 14 апреля 2020

У меня есть таблица bootstrap, которая отображает данные из моей коллекции mongoDB, циклически просматривая ее. Я пытаюсь использовать rowspan на последнем td моей таблицы, называемой "Другое", чтобы охватить конец таблицы. Но, поскольку он oop, он создает вложенный rowspan и портит таблицу. Есть ли способ сделать так, чтобы строка не была вложенной? он должен быть в forEach l oop, потому что данные извлекаются из моей коллекции, называемой средой, которую можно использовать только в forEach (если используется вне l oop, это выдает ошибку "среда не определена")

как это выглядит, когда я пытаюсь использовать 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

1 Ответ

0 голосов
/ 14 апреля 2020

Попробуйте поставить ваш тд с rowspan после вашего </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 -->
...