2016-07-11 97 views
0

我正在从MongoDB中获取项目列表,并且每行显示一个项目。为MongoDB查询结果创建表

但我想要显示x(例如3)项每行而不是1。我怎么能做到这一点?我可以用桌子吗?

电流输出与无序列表:

-item1 -item2 -item3 -...

取得输出:

物品1 ITEM2项目3

ITEM4 item5 item6

item7 item8 item9

+0

已经有一个答案在这里:http://stackoverflow.com/a/18681564/2805154 –

+0

的[我如何使用填充每个车把上的引导网格系统可能的复制命令在Meteor.js?](http://stackoverflow.com/questions/18674346/how-do-i-populate-a-bootstrap-grid-system-using-handlebars-for-each-command-in-m) –

回答

0

其实我认为复杂在这个题目,并没有考虑,也可以申报单解决我的任务:

  • 一个DIV容器(约610px,让我们将其命名为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; 
 
}

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