为 MongoDB 查询的结果创建表答案

【问题标题】：Create table for Result of MongoDB Query为 MongoDB 查询的结果创建表
【发布时间】：2016-07-18 20:01:18
【问题描述】：

我正在从 MongoDB 获取项目列表，它每行显示一个项目。

但我想每行显示 x 个（例如 3 个）项目，而不仅仅是 1 个。我怎样才能做到这一点？我要不要用一张桌子？

无序列表的当前输出：

-项目1 -项目2 -项目3 -...

实现的输出：

item1 item2 item3

项目4项目5项目6

item7 item8 item9

【问题讨论】：

这里已经有答案了：stackoverflow.com/a/18681564/2805154
How do I populate a bootstrap grid system using handlebars for each command in Meteor.js?的可能重复

标签： javascript meteor meteor-blaze

【解决方案1】：

假设你的标记中有一个表格，你可以这样做：

$.each(yourListOfItems, function(index, value){

    var tRow = $('<tr>');

    for (var i = 0; i < 3; i ++){
        var tCell = $('<td>');
        tCell.text(value);
        tRow.append(tCell)
    }

    $(#yourTableID).append(tRow)
});

【讨论】：

【解决方案2】：

其实我觉得这个话题很复杂，并没有考虑到，divs 可以解决我的任务：

一个 div 容器（大约 610 像素，我们将其命名为 deviceWrapper）
x 子 div（名称：设备）--> 因此每行组织 2 个设备

#deviceWrapper{
    position: relative;
    padding-top: 5px;
    width: 610px;
    overflow: hidden;
    background-color: #eee;
    padding-left: 5px;
    border: 5px;
}

.device{
    width: 300px;
    height: 200px;
    margin-bottom: 5px;
    margin-right: 5px;
    float: left;
    overflow: hidden;
    background-color: aqua;
}

【讨论】：