Jquery 数据表gem won';行不通

Jquery 数据表gem won';行不通,jquery,ruby-on-rails,ruby-on-rails-4,gem,datatables,Jquery,Ruby On Rails,Ruby On Rails 4,Gem,Datatables,我无法让jquerydatatables运行。我怀疑是来自引导sass gem的引导3导致了这个问题 宝石 桌子 application.css.scss *= require dataTables/jquery.dataTables *= require dataTables/bootstrap/3/jquery.dataTables.bootstrap *= require jquery-ui *= require dataTables/src/demo_table_jui @im

我无法让jquerydatatables运行。我怀疑是来自引导sass gem的引导3导致了这个问题

宝石

桌子

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"; 
.咖啡档案

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

我需要一些数据表的样式来工作。但是js的所有特性都不起作用,它基本上只是一个空白表。我已经检查了几次安装,搜索了所有我能找到但找不到问题所在的东西。

我通过执行以下操作成功地解决了这个问题:

  • 删除Datatables gem并重新安装,并确保使用boostrap3参数安装
  • 从头开始创建表
  • 辅助css类(而不是id),并在我的js文件中使用该类引用表(例如,在我的视图中:table class=“newtable”和在我的js$(.newtable))
  • 确保表格标签平衡(如中所示,确保th标签的数量与td标签的数量相同)
  • 删除索引视图(表周围)中的div(Rails默认生成)
我希望这有帮助,如果你需要更多的细节,那么让我知道

//= require jquery
//= require jquery_ujs
//= require dataTables/jquery.dataTables
//= require dataTables/bootstrap/3/jquery.dataTables.bootstrap
//= require bootstrap-sprockets
//= require jquery-ui
 *= 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"; 
jQuery ->
  $('#table').dataTable
    sPaginationType: "full_numbers"
    bJQueryUI: true