我使用了无配置选项,并采取了以下步骤:
- 将js文件放入root/public/javascript
- 将图像文件放入root/public/images
- 将演示css文件放入root/public/stylesheets
-
将css调用放在我的布局文件的头部
<%= stylesheet_link_tag "demo_table", :media => "all" %>
-
将初始化脚本放在布局文件的头部分:
<script type="text/javascript" charset="utf-8"> $(document).ready(function() { $('#example').dataTable(); } ); </script >
-
我的表格布局的第一行是:
<table width="100%" style="border-collapse:collapse; " id="example">
我重新启动了服务器。什么也没发生。我错过了什么?
zero-config依赖于有一个格式正确的表,而您的示例没有显示这个表。它还必须具有<thead>
和<tbody>
元素才能正确渲染。首先确保设置正确。
第二,在Chrome或Firefox中打开页面,查看源代码。单击指向Datatables.js和Datatables.css文件以及Jquery.js(或这些文件的名称)的链接。它们打开了吗?如果没有,那就是你的问题。
Javascript本质上是独立于平台的。当然,您可以在Rails、PHP、.net等中以不同的方式获得脚本信息,但这在任何主流脚本语言中都不起作用。
我一直在我的rails应用程序中使用RailsDatatables插件,没有任何问题。也许试试吧?