jquery DataTablesの初期ソートを無効にする。並び順の設定

2019-05-23

CSSフレームワークとして一番需要が広がっているbootstrap。

その中に組み込まれている「jquery DataTables」プラグインがクセがあります。
初期の並び順(ソート)がソースコード順になってくれません。

<DataTablesの初期ソートを無効にする>


$(function(){
    $('#example').dataTable({
        "order": []
    });
});

//上記のコードが効かなかった場合
$(function(){
    $('#example').dataTable({
        "aaSorting": []
    });
});

<DataTablesの任意の列でソートする>


//ひとつの列で並び順の指定
$(function(){
    $('#example').dataTable({
        "order": [ 0, "desc" ]
    });

});
//複数列で並び順の指定
$(function(){
    $('#example').dataTable({
        "order": [[ 0, "desc" ], [ 1, "asc" ]]
    });
});

カテゴリ: Javascript

この記事がお役に立てましたら是非シェアのご協力お願いします。