2016-07-11 138 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) 
});