2011-09-09 44 views

回答

0

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

+1

[simpe_datatables](https://github.com/gryphon/simple_datatables)使用[ meta_search](https://github.com/ernie/meta_search)正在被弃用。我已经使用了它,但是我在分页和使用多个表时遇到了一些问题。现在我正在实施我自己的宝石。 –

10

我使用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" 
});