ruby-on-rails – 将Rails 3.1与DataTables一起使用

我正在使用jquery-datatables-rails gem和bootstrap(twitter-bootstrap-rails 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

如果你使用bootstrap这一个：

//= require dataTables/jquery.dataTables.bootstrap

将其添加到您的application.css：

*= require dataTables/jquery.dataTables

或者如果你使用bootstrap这个：

*= require dataTables/jquery.dataTables.bootstrap

如果您使用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"
});