Tabelle für Ergebnis von MongoDB erstellen Abfrage

Question

Ich hole eine Liste von Elementen aus MongoDB und zeigt ein Element pro Zeile an.

Aber ich möchte x (z. B. 3) Elemente pro Zeile anstelle von nur 1 anzeigen. Wie kann ich das erreichen? Soll ich einen Tisch benutzen?

Stromausgang mit ungeordneter Liste:

-item1 -item2 -item3 -...

Erreicht Ausgabe:

item1 item2 item3

item4 item5 item6

item7 item8 item9

Answer 1

Eigentlich dachte ich, zu diesem Thema zu kompliziert und berücksichtigen nicht, dass divs können lösen meine Aufgabe:

• ein div-Container (ca. 610px, machen wir es deviceWrapper nennen)
• x Kind divs (Name: device) -> so 2 Geräte pro Zeile organisiert

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

Answer 2

Sie könnten etwas tun, vorausgesetzt, Sie eine Tabelle in Ihrem Markup haben:

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