javascript - 使用.each(下划线)将表行<tr>添加到表中

我正在使用下划线模板来创建日历。我想将每一天放在自己的<td></td>中，然后在7天后插入表格行<tr></tr>。这样7天就像一周一样会连续出现1行。

我正在尝试实现的示例

<table>

    <thead>

    <tr>

        <th>Monday</th>

        <th>Tuesday</th>

        <th>Wednesday</th>

        <th>Thursday</th>

        <th>Friday</th>

        <th>Saturday</th>

        <th>Sunday</th>

    </tr>

    </thead>


    <tr>
        <td>1th</td><td>2nd</td><td>3rd</td><td>4th</td><td>5th</td><td>6th</td><td>7th</td>
    </tr>
    <tr>
        <td>8th</td><td>9th</td><td>10th</td><td>11th</td><td>12th</td><td>13th</td><td>14th</td>
    </tr>
    // through to 35 days

</table>

在下划线模板中，我使用.each循环并显示来自api的日期列表。我已经尝试过使用索引作为7的倍数的尝试，然后添加<tr>，但是正如预期的那样，表已损坏。他是我的尝试

    <table>

        <thead>

        <tr>

            <th>Monday</th>

            <th>Tuesday</th>

            <th>Wednesday</th>

            <th>Thursday</th>

            <th>Friday</th>

            <th>Saturday</th>

            <th>Sunday</th>

        </tr>

        </thead>


        <% _.each(allDaysData, function(item, index){ %>

        <% if ( index == 6 || index == 13 || index == 20 || index == 27) { %> <tr>  <% } %>

            <td >
    <%= allDaysData.day %>
    </td>

            <% if ( index == 6 || index == 13 || index == 20 || index == 27) { %> </tr>
        <% } %>
        <% }) %>

    </table>

谁能告诉我如何正确执行此操作？希望我已经提供了有关我要做什么的足够信息。如果没有，我可以添加更多详细信息。

最佳答案

我不知道underscore.js，但这对我来说很好。

<tr>
<% _.each(allDaysData, function(item, index){ %>

<td>
<%= item.day %>
</td>

<% if ((index + 1) % 7 == 0) { %> </tr><tr>  <% } %>

<% }) %>

</tr>