如何遍历流星中两列的集合

Question

我想要一个两栏布局来显示返回的集合信息。现在我有一个两列布局，如：

<template name="Participants">
  <div class="container">
  <h4 style="text-align: center">{{ReportsMonth}} {{ReportsCamp}} {{ReportsYear}} {{ReportsTitle}}</h4>
{{#each programReports}}
    <div class="row">
      <div class="col s6">
        <h5>Name: {{FullName}}</h5>
        <p>Age: {{calculateAge Bdate}}<br> Sex: {{Sex}}<br> Level: {{Level}}<br> Location: {{City}}, {{State}}</p>
      </div>

      <div class="col s6">
        <h5>Name: {{FullName}}</h5>
        <p>Age: {{calculateAge Bdate}}<br> Sex: {{Sex}}<br> Level: {{Level}}<br> Location: {{City}}, {{State}}</p>
      </div>
    </div>
  {{/each}}
</div>
</template>

当然问题在于，当它遍历时，它会将文档重复到下一列；它仅在完成行时到达下一个文档。有没有办法让它迭代以用下一个文档填充每行中的每个 div？

示例：

当前HTML输出：

a a
b b

期望：

a c
b d

或：

a b  
c d

Answer 1

我能想到的第一个示例的最佳方式（垂直数据行，同一行上的 c）：

将您的 programReports 分成两个助手：一个用于前半部分，一个用于后半部分。
在#each 循环外创建一行和一个列 s6。
将你的项目放在你的每个循环中，然后 xs12。

如果有人有更好的方法来做到这一点，我会很高兴，因为我不得不自己做。

水平数据行示例（a b 在同一行）：

我认为对于这个，您只需删除每个循环中的第二个 col s6。不过我可能误解了什么。

如何遍历流星中两列的集合

How to iterate through collection across two columns in Meteor

meteor

meteor-blaze