Reorder Bootstrap-Spalten nach Datenattribut

Question

Ich habe eine Liste der eingecheckten Personen und ich gebe sie in 2-Spalten Breite Spalten. Das heißt, ich habe sechs Einträge für jede Zeile. Die Daten werden aus einer Datenbank abgerufen und nach Eincheckdatum und -uhrzeit sortiert.

Sobald ich diese Liste habe, möchte ich sie um ein (zum Beispiel) Daten-Attribut neu anordnen. Dieses Attribut hat Werte von 0-15 und ich möchte es absteigend neu anordnen. Das Problem ist, ich kann dieses Datenattribut nicht zuerst einstellen, ich muss zuerst die eingecheckten Personen auswählen, dann kann ich das Datenattribut setzen.

Ich habe über die Push-und Pull-Klassen für Bootstrap gelesen. Ist das der Weg zu gehen?

Answer 1

Ich denke, die Push/Pull-Klassen würden verwirrend werden. Warum sortieren nicht nur die DIV Spalten mit jQuery:

var columns = $('[data-order]'); 
    columns.sort(function(a, b){ 
     return $(a).data("order")-$(b).data("order") 
    }); 

    $("#list").html(columns); 

http://bootply.com/NppP4pEetz