このエントリーをはてなブックマークに追加

DataTables javascriptで操作する

DataTablesではjavasrciptから操作できるように関数が用意されています。

ソート処理

カラムを指定してソートを実施する場合には「order」を利用して実施します。

table.order( [[ 1, 'desc' ]] ).draw();

公式サイト:https://datatables.net/reference/api/order()

フィルタ処理

フィルタ処理を実施するには「search」を利用して実施します。

var keyword = $("#key-word").val();
table.search(keyword).draw();

ページ指定で移動する

ページ遷移を実施する場合は「page」を利用して実施します。
数値を設定する場合と文字列を設定する場合で2パターンの実施することができます。

数値を利用する場合

table.page(2).draw( 'page' );

文字列を利用する場合

  • first : 1ページ目を表示します。
  • next : 次のページを表示します。
  • previous : 前のページを表示します。
  • last : 最終ページを表示します。
table.page('next').draw( 'page' );