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

前端之家收集整理的这篇文章主要介绍了ruby-on-rails – 将Rails 3.1与DataTables一起使用前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
在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"
});

猜你在找的Ruby相关文章