Gem jquery-datatables-rails不工作

Question

在我的gemfile中，我包含了这些宝石：

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

在我的application.css文件中，我包含了以下内容

 *= require dataTables/jquery.dataTables
 *= require dataTables/jquery.dataTables.bootstrap

在我的application.js中，我包含了以下内容

 //= require dataTables/jquery.dataTables
 //= require dataTables/jquery.dataTables.bootstrap
   $('#sort').dataTable({
       "bPaginate": false, 
       "oLanguage": {
            "sSearch": "<span class=icon-search></span>"

        },
        "aoColumnDefs": [
          { 'bSortable': false, 'aTargets': [ 0 ] }
        ]     
    });
$('#sort').dataTable( {
        "aaSorting": [[ 4, "desc" ]]
    } );

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

但是我没有得到搜索的选项，但是我得到了这个错误

oCol is undefined   
oCol.fnSetData( oData, val );

我为this.Can推荐了datatables.net，有人能告诉我这是什么错误吗？

Answer 1

我不能确切地说出你的情况--但是我可以给你一个建议。因为我在你的javascript代码中没有看到oCol，这似乎是一个来自jquery javascript的未定义的错误。您可能缺少所需的js文件，或者我会尝试用//= require dataTables/jquery.dataTables颠倒//= require dataTables/jquery.dataTables.bootstrap的顺序，看看这是否有帮助(文件将按指定的顺序包含，因此如果jquery.dataTables使用在jquery.dataTables.bootstrap中定义的变量，那么您将看到如下所示的错误。

编辑:我还可以提供我们的配置中的内容(我们也使用dataTables )

我们的Gemfile：

gem 'jquery-rails', '1.0.19'

我们的application.js：

//= require jquery.min.js
//= require jquery_ujs.js
//= require jquery.dataTables.js
//= require ColReorder.js
//= require jquery.timers-1.2.js
//= require jquery-ui-1.8.16.custom.min.js

note ColReorder.js是一个dataTables插件文件

我们的application.css：

*= require jquery.ui.all.css
*= require demo_table
*= require ColReorder

备注： demo_table文件是jquery dataTables附带的css文件。

和我要补充的是，我们实际上已经下载了dataTables和jquery-ui，我们已经获取了Javascript文件和CSS文件，并实际将它们放到了我们的assets/javascripts和assets/stylesheets路径中。

希望这能有所帮助！！如果没有，我可以试着给你一些调试的指针，这是来自于:)

Answer 2

穿上gemfile

group :assets do

gem 'bootstrap-sass'
gem 'bootstrap-will_paginate'

end

Answer 3

我知道有点晚了，但是我发现当TH和TD元素的数量不匹配，或者类似的东西时，我会得到这个错误。确保你的表格格式正确，例如。TH元素在THEAD中，TD元素在TBODY中。