2

我完全按照https://github.com/rweng/jquery-datatables-rails。无法让 dataTables 工作。

在 index.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>

在 application.js 中

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

在 application.css.scss

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

宝石文件

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

尝试了很多选项，只有一个表显示没有数据表的功能。使用 rails 4 gem 是否将新文件夹和文件添加到您的应用程序中，如果是，我的应用程序中没有添加任何内容

4

5 回答 5

2

Turbolinks 和 Datatables 可以共存，如果你可以初始化表$(document).on "page:change"而不是这里$(document).ready描述的。

于 2014-08-12T08:22:42.550 回答
0

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

//= require_tree .
于 2014-12-10T19:37:01.560 回答
0

即使在跟随 ryan bates 演员之后，我也面临同样的问题。turbolinks在 rails4 中禁用或data-no-turbolink在处理包含表格的页面的超链接中设置为 true 可以解决问题。

于 2014-07-20T11:39:27.273 回答
0

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

另外，我很想知道您是否尝试dataTables/jquery.dataTables在资产管道中列出更高的位置。如果您使用的是 Google Chrome，请尝试打开您的开发人员工具 ( F12)，单击 Resources 选项卡，然后单击 Frames 文件夹并找到并选择 Scripts。在这里，您将找到您的脚本、它们的加载顺序以及是否有任何错误。

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

于 2014-01-29T00:39:24.103 回答
0

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

于 2015-08-09T14:00:56.670 回答