添加数据使dataTables消失 - 无法在我的表中有数据，否则dataTable不起作用

我是Ruby on Rails的初学者，我正在开发一个应用程序，我想要安装gem dataTables。一旦我安装了宝石，并按照说明，没有任何事情发生，没有任何变化。我的表格保持不变。添加数据使dataTables消失 - 无法在我的表中有数据，否则dataTable不起作用

我一起工作：

红宝石2.1.5p273
轨4.2.3

这是我遵循的阶段：我在写的Gemfile

：gem 'jquery-datatables-rails, ~>3.3.0'
我运行命令行： bundle install

该gem出现在安装的所有gem列表中。

我在app /资产/ Javascript角/ application.js中写道：

//= require dataTables/jquery.dataTables

//= require dataTables/bootstrap/3/jquery.dataTables.bootstrap

我在app/assets/stylesheets/application.css中写道：

*= require dataTables/jquery.dataTables

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

然后我在文件名为index.html.erb写道：

<script type="text/javascript"> 
 

 
    $(document).ready(function(){ 
 
    $("#tabgerant").dataTable(); 
 
    }) 
 

 
</script> 
 

 
<table id="tabgerant" class="table table-striped"> 
 
    <thead> 
 
    <tr> 
 
     <th>Nom</th> 
 
     <th>Prenom</th> 
 
     <th>Login</th> 
 
     <th>Societe</th> 
 
     <th>Commentaire</th> 
 
     <th>Password</th> 
 
     <th colspan="3"></th> 
 
    </tr> 
 
    </thead> 
 

 
    <tbody> 
 
    <% @gerants.each do |gerant| %> 
 
     <tr> 
 
     <td><%= gerant.nom %></td> 
 
     <td><%= gerant.prenom %></td> 
 
     <td><%= gerant.login %></td> 
 
     <td><%= link_to Societe.find(gerant.societe_id).nom, '#' %></td> 
 
     <td><%= gerant.commentaire %></td> 
 
     <td><%= gerant.password_digest %></td> 
 
     
 
     <td><%= link_to 'Voir', gerant %></td> 
 
     <td><%= link_to 'Modifier', edit_gerant_path(gerant) %></td> 
 
     <td><%= link_to 'Supprimer', gerant, method: :delete, data: { confirm: 'Are you sure?' } %></td> 
 
     </tr> 
 
    <% end %> 
 
    </tbody> 
 
</table>

我停止网络服务器，并再次启动它并没有出现。我的桌子完全一样。数据表没有可见的影响。

我想知道我是否安装了正确的文件。所以我直接在官方网站和他们的网站上下载了dataTables的版本，他们说要放两个文件，这样dataTables才能工作。

在app/assets/javascripts我创建了一个文件夹名为数据表，我把其中的所有文件扩展名为.js文件

在app/assets/stylesheets我也做了同样与所有与扩展名的文件的.css

在app/assets/images我也做了同样的事情，我在文件夹dataTables dataTables所需的所有图片。

然后我去了文件application.js和application.css，我创建了这些文件的路由。

这里再次没有任何工作。 任何人都不知道发生了什么？ 我是初学者，所以我可能没有正确写这篇文章，我很抱歉。

谢谢你的帮助，你的时间

我还在寻找，我发现，写一些JavaScript制成的宝石数据表的某些元素出现......但不是一切。

<!-- DataTables CSS --> 
 
<link rel="stylesheet" type="text/css" href="app/assets/dataTables/media/css/jquery.dataTables.css"> 
 
    
 
<!-- jQuery --> 
 
<script type="text/javascript" charset="utf8" src="app/assets/dataTables/media/js/jquery.js"></script> 
 
    
 
<!-- DataTables --> 
 
<script type="text/javascript" charset="utf8" src="app/assets/dataTables/media/js/jquery.dataTables.js"></script>

谁能解释在哪里安装数据表宝石的.js和.css文件？谢谢

来源

2015-07-20 GDMN

**我有一些可能帮助我的人的消息**我今天早上在MySQLWorkbench上丢弃了我的数据库。然后我再次创建了我的DataBase，我进行了迁移，然后启动了我的WebServer。令人惊讶的是，我看到我的表使用dataTable风格修改。所以dataTable的作品，但当我注册一个用户在我的数据库中的一切都消失了。 **这条信息可以给任何人提供任何想法吗？** – GDMN

我想通了......但部分。我删除了代码中显示每行的“编辑视图”和“销毁”操作的行，并猜测是什么？我的dataTable出现与所有基本的样式选项....除了我不能排序列。如果我以前做过调查，我只能排序。它看起来像我的dataTable没有完全激活。而不是只有一对箭头符号来对一列进行排序（当点击它们时），我有四个箭头......两个向上和两个向下。 **有人知道我发生了什么吗？** – GDMN

我最终发现，删除这一行做了我的DataTable的工作：

<th colspan="3"></th>

和相应的线保持桌面的股权结构：

<td><%= link_to 'Voir', gerant %></td> 
 
     <td><%= link_to 'Modifier', edit_gerant_path(gerant) %></td> 
 
     <td><%= link_to 'Supprimer', gerant, method: :delete, data: { confirm: 'Are you sure?' } %></td>

来源

2015-08-07 08:33:59 GDMN

添加数据使dataTables消失 - 无法在我的表中有数据，否则dataTable不起作用

回答

相关问题