Logicky BLOG

Logickyの開発ブログです

  • Javascript
  • Python
  • PHP
  • Go
  • OS・サーバ
  • 機械学習
  • つくったもの
  • 数学
  • アルゴリズム
  • Logicky

jquery - テーブルに検索、ソート、ページネーション機能をもたせるDataTablesプラグイン

DataTables

fuelphpの検索結果をテーブルにして、ソートとページネーションをAjaxな感じでやりたいので、これを使ってみる。下記サイトをみて知った。

DataTables(日本語で紹介してるサイト)

ダウンロードはここでできた。

おお、お手軽だ。さすがプラグイン。 プラグインを読み込んで、tableにidを設定して、下記のようにすればできた。tableのidが#resultの場合の例。

$(document).ready(function() {
    $('#result').DataTable({
        searching: false
    });
} );

optionについては、http://www.datatables.net/reference/option/に色々書いてある。searching:falseは、検索ボックスを非表示にしている。

  • Javascript
  • Python
  • PHP
  • Go
  • OS・サーバ
  • 機械学習
  • つくったもの
  • 数学
  • アルゴリズム
  • Logicky