Uso de Rails 3.1 con DataTables

Question

En Rails 3.1 ¿cuál es la joya recomendada para integrar con DataTables?

Answer 1

No lo he usado, pero este es uno que está disponible: https://github.com/gryphon/simple_datatables.

Answer 2

El siguiente enlace joya puede ser relevante: https://github.com/artellectual/rails-datatables

Esta joya es un tenedor de la gema simple_datatables (mencionado por Allan), pero también es compatible con la paginación con kaminari y búsqueda de datos de la tabla con el Ajax usando el meta joya búsqueda.

Answer 3

En Railscast Ryan Bates sobre el tema (http://railscasts.com/episodes/340-datatables) que utiliza jquery-DataTables-carriles (https://github.com/rweng/jquery-datatables-rails)

Answer 4

estoy usando la gema jquery-datatables-rails con arranque (twitter-arranque-carriles GEM) y es Perfecto. El episodio de Railscast es genial, pero no pongas la gema en tu grupo de activos o no funcionará cuando se despliegue en heroku (ya que el grupo de activos no se usa en producción).

Deja esta línea en su Gemfile:

gem 'jquery-datatables-rails', github: 'rweng/jquery-datatables-rails' 

y ejecute:

bundle install 

Además, asegúrese de poner esta línea en su application.rb:

config.assets.initialize_on_precompile = false 

Agregar esto a su application.js

//= require dataTables/jquery.dataTables 

Y éste si está utilizando archivos de inicio:

//= require dataTables/jquery.dataTables.bootstrap 

Agregar a su application.css:

*= require dataTables/jquery.dataTables 

O esta otra si está utilizando archivos de inicio:

*= require dataTables/jquery.dataTables.bootstrap 

Y si está usando el programa de arranque, agregue esto a su archivo js.coffee para su controlador que está usando datatables en:

Si está utilizando recipientes de fluido:

#// For fluid containers 
$('#dashboard').dataTable({ 
    "sDom": "<'row-fluid'<'span6'l><'span6'f>r>t<'row-fluid'<'span6'i><'span6'p>>", 
    "sPaginationType": "bootstrap" 
}); 

Si está utilizando contenedores de ancho fijo:

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