我正在从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) –