在DataTables中使用Rails 3.1

Question

在Rails 3.1中推薦的gem與DataTables集成是什麼？

Answer 1

我自己並沒有使用它，但是這是可用的：https://github.com/gryphon/simple_datatables。

Answer 2

以下寶石鏈路可能是相關的：https://github.com/artellectual/rails-datatables

此寶石是simple_datatables寶石（由艾倫提及）的叉但它也支持與雷分頁以及使用所述元搜索寶石用Ajax搜索表的數據。

Answer 3

在Ryan Bates的的話題RailsCast（http://railscasts.com/episodes/340-datatables） 他使用jQuery的數據表護欄（https://github.com/rweng/jquery-datatables-rails）

Answer 4

我使用jquery-datatables-rails寶石自舉（Twitter的引導護欄寶石），它是完善。其上的railscast情節非常棒 - 但不要將寶石放在資產組中，或者在部署到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" 
});