Ira*_*man 10

我正在使用jquery-datatables-rails带有bootstrap 的gem(twitter-bootstrap-rails gem),它非常完美.关于它的railscast剧集很棒 - 但是不要将gem放在你的资产组中,否则在部署到heroku时它将不起作用(因为资产组不用于生产).

把这一行放在你的gemfile中:

gem 'jquery-datatables-rails', github: 'rweng/jquery-datatables-rails'
Run Code Online (Sandbox Code Playgroud)

并运行:

bundle install
Run Code Online (Sandbox Code Playgroud)

另外,请确保将此行放在application.rb中:

config.assets.initialize_on_precompile = false
Run Code Online (Sandbox Code Playgroud)

将其添加到您的application.js

//= require dataTables/jquery.dataTables
Run Code Online (Sandbox Code Playgroud)

如果你使用bootstrap这一个:

//= require dataTables/jquery.dataTables.bootstrap
Run Code Online (Sandbox Code Playgroud)

将其添加到您的application.css:

*= require dataTables/jquery.dataTables
Run Code Online (Sandbox Code Playgroud)

或者如果你使用bootstrap这个:

*= require dataTables/jquery.dataTables.bootstrap
Run Code Online (Sandbox Code Playgroud)

如果您使用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"
});
Run Code Online (Sandbox Code Playgroud)

如果您使用固定宽度的容器:

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


小智 0

我自己没有使用过它,但这是一个可用的: https: //github.com/gryphon/simple_datatables