DataTables gem将无法运行

我无法使jquery-datatables-rails gem正常工作。我怀疑bootstrap-sass gem的bootstrap 3导致了这个问题。DataTables gem将无法运行

宝石

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

我有些datatables样式工作。但没有一个JS功能可以工作，它基本上只是一张空白的桌子。我已经安装了几次，搜索了一切，但无法找到问题所在。

来源

2015-12-21 Rob

我设法让这个做的工作如下：

删除数据表的宝石和重新安装，并确保我与boostrap3参数设置。
从头创建表。
Assigining CSS类（而不是一个id），并使用类在我的JS文件，以引用表（例如，在我的视图：表类=“newtable的”与我的JS $（newtable的）。）
确保表格标签平衡（例如，确保th标签的数量与td标签相同）。
在索引视图（表格周围）中删除div（默认为Rails生成）。

我希望有帮助，如果你需要额外的细节，然后让我知道。

来源

2016-01-02 13:27:50 user5737953

DataTables gem将无法运行

回答

相关问题