数据表 轨道上的红宝石 4.

Question

我完全遵循 https://github.com/rweng/jquery-datatables-rails.无法使数据表正常工作。

在索引.html.erb

<table id = "funds12">
<thead>
  <tr>
    <th>Fund Name</th>
    <th>Category</th>
    <th>YTD</th>
  </tr>
</thead>
<tbody>
  <% @funds.each do |fund| %>
    <tr>
      <td><%= link_to "#{fund.scheme_name}", fund_path(fund.id) %><td>
      <td><%= fund.category %></td>
      <td><%= fund.fund_ytd %></td>
    </tr>
  <% end %>
 </tbody>
</table>

<script>
  $(document).ready(function() {
    $('#funds12').dataTable();
  } );
</script>

在申请中.js

//= require jquery
//= require turbolinks
//= require_tree .
//= require jquery_ujs
//= require dataTables/jquery.dataTables

在应用程序中.css.scss

*= require_self
 *= require_tree .
 *= require dataTables/jquery.dataTables

宝石文件

gem 'jquery-datatables-rails'， git： 'git://github.com/rweng/jquery-datatables-rails.git'

尝试了很多选项，只显示一个表，没有数据表的功能。使用导轨 4Gem 是否向应用添加新文件夹和文件（如果是），我的应用中未添加任何内容

Answer 1

如果

可以在$(document).on "page:change"上初始化表，而不是按照此处所述$(document).ready初始化表，则涡轮链路和数据表可以共存。

Answer 2

我之前遇到了类似的问题，并通过仔细按照本教程修复了它：http://railscasts.com/episodes/340-datatables?view=comments本教程的作者可能没有使用与您正在使用的相同 gem，但无论哪种方式，此视频都很有用。

也我很想知道您是否尝试过在资产管道中列出更高的dataTables/jquery.dataTables。如果您使用的是 Google Chrome，请尝试打开您的开发者工具 （F12），点击资源标签，然后点击 Frameworks 文件夹，找到并选择脚本。在这里，您可以找到脚本、加载顺序以及是否有任何错误。

我希望这有所帮助（即使有一点）！

Answer 3

即使在

关注瑞安·贝茨演员表之后，我也面临着同样的问题。在 rails4 中禁用turbolinks或在包含表的页面的超链接中将data-no-turbolink设置为 true 可解决此问题。

Answer 4

不确定这是否是问题的原因，但此行需要位于列表末尾。

//= require_tree .

Answer 5

我提到了一个更新的、单独的分支，并成功地让数据表与我的 Rails 4 应用程序一起使用......试试这个 https://github.com/antillas21/ajax-datatables-rails/tree/v-0-4-0#customize-the-generated-datatables-class