データ属性によるブートストラップ列の並べ替え

Question

私はチェックインされた人のリストを持っており、2列幅の列に出力しています。つまり、各行に6つのエントリがあります。データはデータベースからフェッチされ、日付と時刻のチェックインによって注文されます。

私はそのリストを持ってすぐ、私は（例えば）データ属性でそれを並べ替えるつもりです。この属性は0〜15の値を持ち、降順に並べ替える必要があります。問題は、私はそのデータ属性を最初に設定することはできません。最初にチェックインした人を選択してから、データ属性を設定する必要があります。

私はブートストラップのプッシュ・プル・クラスについて読んだことがあります。これは道のりですか？

Answer 1

プッシュ/プルクラスは混乱すると思います。理由だけではjQueryを使用してDIV列の並べ替えではない：

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

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

http://bootply.com/NppP4pEetz