Can';无法获取要显示的DataTables TableTools

Can';无法获取要显示的DataTables TableTools,datatables,tabletools,Datatables,Tabletools,不知道我做错了什么。我在目录中有数据表: MainFolder/common/js/DataTable-1.8.2/jquery.dataTables.min.js 我是这样写的: <script src="common/js/DataTable-1.8.2/jquery.dataTables.min.js"></script> 我还尝试禁用bjQueryUI参数并使用常规sDom默认设置,以及在sDom字符串的不同位置放置“T”标记 我无法在任何浏

不知道我做错了什么。我在目录中有数据表:

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

我是这样写的:

<script src="common/js/DataTable-1.8.2/jquery.dataTables.min.js"></script>
我还尝试禁用bjQueryUI参数并使用常规sDom默认设置,以及在sDom字符串的不同位置放置“T”标记


我无法在任何浏览器中显示TableTools。已安装Flash Player 11.1.102.55。控制台没有显示任何错误。

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

我不确定这是否是原因,但您是否尝试过将示例中所述的
sDom
设置为:

"sDom": 'T<"clear">lfrtip'
“sDom”:“Tlfrtip”

因为您发布的是不同的。

确保您包含了
TableTools.js
zerociplate.js
TableTools.css
。放置
DataTables
目录不会自动找到它。

如果您已经使用了JQueryUI,这将起作用

$(document).ready(function() {
    $('#example').dataTable( {
    "bJQueryUI": true,
        "sPaginationType": "full_numbers"  ,
        "bLengthChange" : true,
        "iDisplayLength" : 25,
    "sDom": '<"H"Tfr>t<"F"ip>',
        "oTableTools": {
            "aButtons": [
                "copy","xls", "pdf"]
        }        
    } );
$(文档).ready(函数(){
$('#示例')。数据表({
“bJQueryUI”:没错,
“sPaginationType”:“完整编号”,
“bLengthChange”:正确,
“iDisplayLength”:25,
“sDom”:“t”,
“可旋转工具”:{
“阿布顿”:[
“副本”、“xls”、“pdf”]
}        
} );

因为我使用了几种css样式和几种datatables版本(blitzer就是其中之一),所以我将这些代码粘贴到我的页面中。 它将使用datatables css和排序,并使用copy、.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>


在你编写的参数中使用jqueryui是不起作用的。你能帮忙吗?我包括了zeroclipboard.js、tabletools.js和tabletools.css三个文件。如果jqueryui没有发现我的网站(见上面的链接),它也不适用于Allan在其网站上建议的“标准”oTableTools可以在chrome上使用tabletools,但不能在firefox上使用
$(document).ready(function() {
    $('#example').dataTable( {
    "bJQueryUI": true,
        "sPaginationType": "full_numbers"  ,
        "bLengthChange" : true,
        "iDisplayLength" : 25,
    "sDom": '<"H"Tfr>t<"F"ip>',
        "oTableTools": {
            "aButtons": [
                "copy","xls", "pdf"]
        }        
    } );
<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>