1

私の Visual Studio プロジェクトでは、ここに正確なコードをコピーしました: http://datatables.net/release-datatables/extensions/TableTools/examples/simple.html

プロジェクトに 2 つの css ファイルを , として保存しましstyle1.cssたstyle2.css。

script1.js3 つの js ファイルを, script2.js,として保存しましたscript3.js。

次に、custom.jsファイルを次のようにしました。

$(document).ready(function() {
    $('#example').DataTable( {
        dom: 'T<"clear">lfrtip'
    } );
} );

最後に、私のindex.html見た目は次のようになります。

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <link rel="stylesheet" type="text/css" href="style1.css" />
    <link rel="stylesheet" type="text/css" href="style2.css" />
    <script type="text/javascript" src="custom.js"></script>
    <script type="text/javascript" src="script1.js"></script>
    <script type="text/javascript" src="script2.js"></script>
    <script type="text/javascript" src="script3.js"></script>
</head>
<body>
    <!--inserted exact copy of html table-->
</body>

私が理解していることから、そのページのコードはそのまま機能するはずです。ただし、まったく機能していないようです。

  • 書式設定は一切ありません
  • 「コピー」、「csv」...ボタンが表示されない

すべてのファイル/コードを機能させるにはどうすればよいですか?

私はこれにかなり慣れていません。どんな助けでも大歓迎です！

4

1 に答える 1

0

jquery ライブラリと TableTools プラグインへの参照を追加する必要があります。例を示すページの Javascript セクションの下に、これら 3 つのライブラリが必要であることを説明するテキストが表示されます。

これを他の js ファイルの前に配置します。

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.dataTables.js"></script>
<script type="text/javascript" src="dataTables.tableTools.js"></script>
于 2014-08-13T01:02:13.850 に答える