我正在從MongoDB中獲取項目列表,並且每行顯示一個項目。爲MongoDB查詢結果創建表
但我想要顯示x(例如3)項每行而不是1。我怎麼能做到這一點?我可以用桌子嗎?
電流輸出與無序列表:
-item1 -item2 -item3 -...
取得輸出:
物品1 ITEM2項目3
ITEM4 item5 item6
item7 item8 item9
我正在從MongoDB中獲取項目列表,並且每行顯示一個項目。爲MongoDB查詢結果創建表
但我想要顯示x(例如3)項每行而不是1。我怎麼能做到這一點?我可以用桌子嗎?
電流輸出與無序列表:
-item1 -item2 -item3 -...
取得輸出:
物品1 ITEM2項目3
ITEM4 item5 item6
item7 item8 item9
其實我認爲複雜在這個題目,並沒有考慮,也可以申報單解決我的任務:
#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;
}
你可以做這樣的事情,假設你在你的標記有一個表:
$.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)
});
已經有一個答案在這裏:http://stackoverflow.com/a/18681564/2805154 –
的[我如何使用填充每個車把上的引導網格系統可能的複製命令在Meteor.js?](http://stackoverflow.com/questions/18674346/how-do-i-populate-a-bootstrap-grid-system-using-handlebars-for-each-command-in-m) –