6

在 Rails 3.1 中,与DataTables集成的推荐 gem 是什么?

4

4 回答 4

10

我正在使用jquery-datatables-rails带有引导程序的 gem(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

如果您使用的是引导程序,这个:

//= 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"
});
于 2012-04-28T07:22:12.890 回答
2

在 Ryan Bates 的 RailsCast 主题中 ( http://railscasts.com/episodes/340-datatables ) 他使用 jquery-datatables-rails ( https://github.com/rweng/jquery-datatables-rails )

于 2012-04-27T22:09:55.670 回答
0

以下 gem 链接可能是相关的:https ://github.com/artellectual/rails-datatables

这个 gem 是 simple_datatables gem(Allan 提到)的一个分支,但它也支持使用 kaminari 进行分页,并使用元搜索 gem 使用 ajax 搜索表数据。

于 2012-03-26T20:09:18.697 回答
0

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

于 2011-09-09T20:58:05.200 回答