3

私は自分のプロジェクトで dataTables をしばらく使用してきましたが、TableTools が提供する優れた機能をいくつか追加して、ユーザー エクスペリエンスを向上させたいと考えています。私はそれをいじり始めましたが、基本的な例を機能させるのに苦労しているので、私の設定に間違いなく何か問題があるので、ここの誰かが明らかなことを指摘してくれることを願っています。大丈夫ですが、そうではありません。

現在、jQuery & dataTables(1.9.4) ライブラリがプロジェクトの同じディレクトリに保存されています。彼らは現在、そのようにうまく機能しています。

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

tableTools js をダウンロードして同じ scripts/jquery ディレクトリに保存し、css ファイルも css ディレクトリに保存しました。

  • src="scripts/jquery/dataTables.tableTools.js"
  • href="style/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