4

ここで何が間違っているのかわかりません。ディレクトリに 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/(media/に含まれる全てのファイル)

次のようにテーブルを初期化しています (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 をどのブラウザーでも表示することができません。Flash Player 11.1.102.55 がインストールされています。コンソールにエラーは表示されません。

4

4 に答える 4

1

私はいくつかの css スタイルといくつかのデータテーブル バージョンを使用しているため (blitzer はその 1 つです)、このコードを自分のページに貼り付けます。データテーブル 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>
于 2014-05-13T14:02:09.090 に答える
1

実際に TableTools を使用したことはありませんが、一度アクティブ化しました (それが何であるかを確認するためだけに)。

これが理由かどうかはわかりませんがsDom、例にあるように を次のように設定してみましたか?

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

投稿したものが違うからです。

于 2011-11-29T11:29:44.533 に答える
1

TableTools.js、ZeroClipboard.jsおよびが含まれていることを確認してくださいTableTools.css。ディレクトリを配置DataTablesしても、自動的に検出されるわけではありません。

于 2012-01-02T21:13:12.993 に答える
0

これは、すでに 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"]
        }        
    } );
于 2013-07-29T13:18:04.810 に答える