3

我在我的项目中使用 dataTables 已经有一段时间了，我想通过添加 TableTools 必须提供的一些不错的功能来增强用户体验。我已经开始尝试使用它，我正在努力让基本示例正常工作，所以我的配置肯定有问题，所以我希望这里有人能指出明显的问题，因为在我看来它应该可以正常工作很好，但事实并非如此。

我目前将 jQuery & dataTables(1.9.4) 库存储在我项目的同一目录中。它们目前像这样运行良好。

  • src="脚本/jquery/jquery-1.8.2.min.js"
  • src="脚本/jquery/jquery.dataTables.min.js"

我下载了 tableTools js 并将其存储在相同的脚本/jquery 目录中，并将 css 文件保存到我的 css 目录中。

  • src="脚本/jquery/dataTables.tableTools.js"
  • href="样式/dataTables.tableTools.css"/>

我一直在尝试重新创建此处提供的示例。我已将示例 HTML 表和 JavaScript 代码添加到我的 jsp 文件中。

$(document).ready(function() { 

$('#example').DataTable(
     { "dom": 'T<"clear">lfrtip', 

                "tableTools": { 
                     "aButtons": [ "copy", "print", 
                    { "sExtends": "collection", 
                      "sButtonText": "Save", 
                      "aButtons": [ "csv", "xls", "pdf" ] 
                 } ] 
      } } 
  ); } );

最终结果是表格显示格式很好，带有 dataTables 过滤器功能，但复制、打印、保存选项出现在屏幕上。

有人可以建议为什么这不起作用？我的 JS 库位于指定的目录中，所以我有点困惑。提前致谢。

4

0 回答 0