web-dev-qa-db-ja.com

機能していないデータテーブルのソートを無効にする

ここに私が使用しているコードがあります

oTable = $('#example').dataTable({
                "bSort": false,
                "bStateSave":true,
                "aoColumns": [ 
                   { "bSortable": false },
                   { "bSortable": false },
                   { "bSortable": false } ] 
            });

私が抱えている問題は、テーブルが空白から始まり、ユーザー入力によって設定されることです。ユーザーがテーブルへの入力を開始すると、それらを製品IDでソートします。この並べ替えを削除して、入力されたとおりに一覧表示するようにします。

編集：初期化設定のどれも機能していないという結論に達しました。テーブルがヘッダーを除いて空の場合、fnAddRowに関係していると思います。

EDIT2：fnAddDataに分離しました。ゴミ箱データでテーブルを初期化すると、すべてが想定どおりにフォーマットされますが、fnAddDataを使用すると、すべてのフォーマットが削除されます

jquerydatatables
45
aport002

これを試して：

$(document).ready( function () {$('#example').dataTable( {
    "bSort": false
  } );
}
100
Alborz

これを試して：

これは初期ソートを無効にすることです

$(document).ready( function() {
  $('#example').dataTable({
    "aaSorting": []
});
})
25
Daniel

バージョン1.10のDataTablesでは、次のオプションを使用して順序付けを完全に無効にできます。

$('#dataTable').dataTable({
  ordering: false
});

参照： https://datatables.net/reference/option/ordering

8
roNn23

bSort（ http://datatables.net/ref#bSort ）は、DataTablesの並べ替えを無効にする正しい方法です。おそらく、このパラメーターを設定してソートを有効にしてください。

2
Allan Jardine

以下のコードを使用してください

"aoColumnDefs": [
  { "bSortable": false, "aTargets": [ 0 ] }
] } );

または、リンクを使用します http://datatables.net/ref#bSortable

1
Kailas

これを試して、

テーブルヘッダータグにdata-orderable = "false"を設定します

<table id="orders">
   <thead>
     <tr>
       <th data-orderable="false">ID</th>
       <th>Customer Name</th>
       <th data-orderable="false">Total</th>
       <th>Date</th>
       <th data-orderable="false">Action</th>
     </tr>
   </thead>
</table>
1
bhargav kaklotara

デフォルトのソートは、asSortingパラメーターで設定できます。見てください：

http://datatables.net/usage/columns

0
Dmitriy Naumov