ruby-on-rails - Rails 3.1 で DataTable を使用する

Question

Rails 3.1 でDataTablesと統合するのに推奨される gem は何ですか?

Answer 1

jquery-datatables-railsブートストラップ (twitter-bootstrap-rails gem) で gem を使用していますが、完璧です。Railscast のエピソードは素晴らしいですが、gem をアセット グループに配置しないでください。そうしないと、heroku にデプロイするときに機能しません (アセット グループは本番環境では使用されないため)。

次の行を gemfile に追加します。

gem 'jquery-datatables-rails', github: 'rweng/jquery-datatables-rails'

そして実行します：

bundle install

また、必ず次の行を application.rb に追加してください:

config.assets.initialize_on_precompile = false

これを application.js に追加します

//= require dataTables/jquery.dataTables

ブートストラップを使用している場合は、次のようになります。

//= require dataTables/jquery.dataTables.bootstrap

これを application.css に追加します。

*= require dataTables/jquery.dataTables

または、ブートストラップを使用している場合は次のようになります。

*= require dataTables/jquery.dataTables.bootstrap

また、ブートストラップを使用している場合は、これをコントローラーの js.coffee ファイルに追加します。次の場所でデータテーブルを使用しています。

液体容器を使用している場合:

#// For fluid containers
$('#dashboard').dataTable({
  "sDom": "<'row-fluid'<'span6'l><'span6'f>r>t<'row-fluid'<'span6'i><'span6'p>>",
  "sPaginationType": "bootstrap"
});

固定幅のコンテナーを使用している場合:

#// For fixed width containers
$('.datatable').dataTable({
  "sDom": "<'row'<'span6'l><'span6'f>r>t<'row'<'span6'i><'span6'p>>",
  "sPaginationType": "bootstrap"
});

Answer 2

トピックに関する Ryan Bates の RailsCast ( http://railscasts.com/episodes/340-datatables ) では、彼は jquery-datatables-rails ( https://github.com/rweng/jquery-datatables-rails )を使用しています。

Answer 3

次の gem リンクが関連している可能性があります: https://github.com/artellectual/rails-datatables

この gem は simple_datatables gem (Allan が言及) のフォークですが、kaminari によるページネーションと、メタ検索 gem を使用した ajax によるテーブル データの検索もサポートしています。

Answer 4

私自身は使用していませんが、これは利用可能なものです: https://github.com/gryphon/simple_datatables。