Содержимое моей таблицы начинается нормально, а затем все смешивается в одной строке (Node.js, MongoDB)

Question

Вот о чем я говорю:

Почему это происходит? Это проблема стиля? Я попытался добавить некоторую ширину к tr и tds, и это выглядело одинаково.

Вот HTML:

<div style="overflow-x:auto">
<table>
    <thead>
        <tr>
            <th>ID</th>
            <th>Nombre</th>
            <th>Apellido</th>
            <th>Mail</th>
            <th>Confirmado</th>
        </tr>
    </thead>
<% personas.forEach(function(personas){ %>
    <tbody>
        <tr>
            <td><%=personas.id%></td>
            <td><%=personas.nombre%></td>
            <td><%=personas.apellido%></td>
            <td><%=personas.email%></td>
            <td><%=personas.confirmado%></td>
        </tr>
    </tbody>
</table>
  </div>

Answer 1

Запустите forEach после <tbody>. Вы хотите, например, строки «х», но не «х» <tbody> Затем конечный тег должен предшествовать </tbody>. Примерно так:

    <tbody>
    <% personas.forEach(function(personas){ %>
        <tr>
            <td><%=personas.id%></td>
            <td><%=personas.nombre%></td>
            <td><%=personas.apellido%></td>
            <td><%=personas.email%></td>
            <td><%=personas.confirmado%></td>
        </tr>
    <% }); %>
    </tbody>

Answer 2

Конец foreach должен быть между </tbody> и </table>