为 MongoDB 查询的结果创建 table

Question

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

但我想每行显示 x（例如 3）个项目，而不是仅显示 1 个。我该如何实现？我可以使用 table 吗？

无序列表的当前输出：

-item1 -item2 -item3 -...

实现输出：

item1 item2 item3

item4 item5 item6

item7 item8 item9

Answer 1

假设您的标记中有 table，您可以这样做：

$.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)
});

Answer 2

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

一个div-容器（大约610px，我们将其命名为deviceWrapper）
x child divs (name: device) --> 所以每行组织了 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;
}

为 MongoDB 查询的结果创建 table

Create table for Result of MongoDB Query

javascript

meteor

meteor-blaze