数据表 gem 不起作用答案

【问题标题】：DataTables gem won't work数据表 gem 不起作用
【发布时间】：2023-03-20 01:16:01
【问题描述】：

我无法让 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 功能都不起作用，它基本上只是一张空白表。我已经检查了几次安装并用谷歌搜索了所有我能找到的东西，但找不到问题所在。

【问题讨论】：

标签： jquery ruby-on-rails ruby-on-rails-4 gem datatables

【解决方案1】：

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

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

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

【讨论】：