数据表 gem 不起作用

Posted 2023-05-09

【中文标题】数据表 gem 不起作用

【英文标题】：DataTables gem won't work

【发布时间】：2016-03-28 03:32:06

【问题描述】：

我无法让 jquery-datatables-rails gem 工作。我怀疑 bootstrap-sass gem 中的 bootstrap 3 导致了这个问题。

宝石

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>

应用程序.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

我的一些数据表样式可以工作。但是所有的 js 功能都不起作用，它基本上只是一张空白表。我已经检查了几次安装并用谷歌搜索了所有我能找到的东西，但找不到问题所在。

【参考方案1】：

我通过执行以下操作设法使其工作：

删除 Datatables gem 并重新安装它，并确保我使用 boostrap3 参数进行安装。 从头开始创建表。 分配一个 css 类（而不是 id）并使用我的 js 文件中的类来引用表（例如，在我看来：table class="newtable" 和我的 js $(.newtable)） 确保表格标签是平衡的（例如，确保 th 标签的数量与 td 标签的数量相同）。 删除索引视图（围绕表格）中的 div（Rails 默认生成的）。

希望对您有所帮助，如果您需要更多详细信息，请告诉我。