无法显示DataTables TableTools

Question

不知道我做错什么了。目录中有DataTables：

MainFolder/common/js/DataTable-1.8.2/jquery.dataTables.min.js

我把它包括在内：

<script src="common/js/DataTable-1.8.2/jquery.dataTables.min.js"></script>

我下载了最新版本的TableTools，并尝试将其放在DataTable-1.8.2目录中的不同位置：

MainFolder/common/js/DataTable-1.8.2/TableTools-2.0.1

MainFolder/common/js/DataTable-1.8.2/Extras/TableTools-2.0.1

媒体/)中包含的MainFolder/common/js/DataTable-1.8.2/media/(all文件

我正在像这样初始化我的表(在Ajax调用之后)：

$('#grid-container').dataTable({
'aaData': response.AADATA,
"aoColumns": aoColumns,
"bJQueryUI": true,
"bDestroy": true,
"iDisplayLength": 20,
"sDom": '<"H"lTfr>t<"F"ip>'
});

我还尝试使用以下方法设置sSwfPath参数

"oTableTools": {
    "sSwfPath": "Extras/TableTools-2.0.1/media/swf/copy_cvs_xls_pdf.swf" //and many other permutations, including relative to the Main Folder root
}

我还尝试禁用bjQueryUI参数，使用常规的sDom默认设置，以及在sDom字符串中的不同位置放置"T“标记。

我只是不能让TableTools在任何浏览器中显示。安装了闪存播放器11.1.102.55。控制台没有显示错误。

Answer 1

我实际上还没有使用过TableTools，但我确实激活了它一次(只是为了看看它是什么)。

我不确定这是否是原因，但您是否尝试过将sDom设置为：

"sDom": 'T<"clear">lfrtip'

因为你发的那个不一样。

Answer 2

确保您包括TableTools.js、ZeroClipboard.js和TableTools.css。放置DataTables目录并不能自动找到它。

Answer 3

由于我使用了几种css样式和几个可数据版本(blitzer是其中之一)，所以我将这段代码粘贴到我的页面中。它将使用数据的css和排序，并使用副本，.csv，.pdf函数。包括一些典型的H2和字体设置。只是个好的开始。

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">    
<script type='text/javascript' src='../jquery-ui-1.8.21/js/jquery-1.7.2.min.js'></script>
<script type='text/javascript' src='../jquery-ui-1.8.21/js/jquery-ui-1.8.21.custom.min.js'>     </script>
<script type='text/javascript' src=../jquery-ui-1.9.2/js/jquery-ui-1.9.2.custom.js'></script>
<script type='text/javascript' src='../DataTables-1.9.4/media/js/jquery.dataTables.js'></script>
<script type='text/javascript' src='../TableTools/js/dataTables.tableTools.js'></script>
<script type='text/javascript' src='../TableTools/js/dataTables.tableTools.min.js'></script>
<style type="text/css">
        @import "../DataTables-1.9.4/media/css/demo_table_jui.css";
        @import "../jquery-ui-1.10.3.custom/css/blitzer/jquery-ui-1.10.3.custom.css";
        @import "../TableTools/css/dataTables.tableTools.css";
  H2 {page-break-before: always}
  .display {font:arial;}
  </style>
  <script type="text/javascript" charset="utf-8">
        $(document).ready(function(){
            $('#datatables').dataTable({
            "bPaginate": false,
            "bLengthChange": false,
            "bFilter": true,
            "bInfo": false,
            "bAutoWidth": false,
            "bSort": true,
            "sDom": 'RCT<"clear">lfrtip',
            "tableTools": {
                "sSwfPath": "../TableTools/swf/copy_csv_xls_pdf.swf",
                "aButtons": [ "copy", "csv", "pdf"  ]
            }

        });
    });

  </script>