Драгоценные камни DataTables не будут работать

Question

Я не могу заставить jquery-datatables-rails gem работать. Я подозреваю, что bootstrap 3 из жука-бутстрап-сасса вызывает проблему.

драгоценных камней

gem 'sass-rails', '~> 5.0' 
gem 'jquery-datatables-rails', git: 'git://github.com/rweng/jquery-datatables-rails.git' 
gem 'jquery-ui-rails' 
gem 'bootstrap-sass', '3.3.6' 

стол

<table id="table" class="display"> 
    <thead> 
    <tr> 
     <th>Item Name</th> 
     <th>Item Name</th> 

    </tr> 
    </thead> 
    <tbody> 

<% @items.each do |item| %> 
    <tr> 
    <td><%= item.id %></td> 
    <td><%= item.name %></td> 
    </tr> 
    <% end %> 
    </tbody> 
</table> 

application.js

//= require jquery 
//= require jquery_ujs 
//= require dataTables/jquery.dataTables 
//= require dataTables/bootstrap/3/jquery.dataTables.bootstrap 
//= require bootstrap-sprockets 
//= require jquery-ui 

application.css.scss

*= require dataTables/jquery.dataTables 
*= require dataTables/bootstrap/3/jquery.dataTables.bootstrap 
*= require jquery-ui 
*= require dataTables/src/demo_table_jui 

@import "bootstrap-sprockets"; 
@import "bootstrap"; 

.coffee файл

jQuery -> 
    $('#table').dataTable 
    sPaginationType: "full_numbers" 
    bJQueryUI: true 

I некоторые DataTables укладка к работам. но ни одна из функций js не работает, а в основном просто пустая таблица. Я несколько раз перебирал установки и искал все, что мог, но не мог найти, в чем проблема.

Answer 1

мне удалось получить эту работу, выполнив следующие действия:

• Удаление камень DataTables и переустановить его, и обеспечить, чтобы я установил с boostrap3 аргументом.
• Создание таблицы с нуля.
• Присвоение класса css (вместо id) и использование класса в моем js-файле для ссылки на таблицу (например, в моем представлении: table class = "newtable" и в моем js $ (. Newtable))
• Обеспечение сбалансированности табличных тегов (как в случае, если в тегах есть те же самые числа, что и теги td).
• Удаление div (что Rails генерирует по умолчанию) в представлении индекса (вокруг таблицы).

Я надеюсь, что это поможет, если вам потребуются дополнительные детали, то дайте мне знать.