イブニングすべて、難し私はしかし、私はそれがすべてで動作させることはできません私のウェブサイトに「のDataTable」jQueryのスクリプトを追加しようとしていますjQueryのDataTableの
を実装!
最新のjQueryプロダクションをダウンロードして、私が使用しようとしているページと同じフォルダに置く必要があります。例えばファイルには、私はその後、私は、この私の後
次のコードでは、「jQueryのリンク」のコメントを参照してください使用していたファイルのヘッダにこれを含める必要がありますページ> jqueryの-3.1.0.min.jsに
です例えば、https://datatables.net/download/のように、ビルダーからデータテーブルをダウンロードする必要があります。サイトは内部使用のみのため、ローカルのファイルを選択しましたので、リソースにオンラインでアクセスする必要はありません。だから今、私のフォルダ構造は、ページのように見える>のDataTable> ...
だから今、私は「jQueryのCSS」と「jQueryのJS」
以下のコード内のコメントを参照してくださいだけでなく、ヘッダにJSとCSSを追加次に、データテーブルの必要に応じてテーブルを描画します。「テーブル開始」「テーブル終了」のコメントを参照してください。
JSに「コールスクリプトの開始」「コールスクリプトの終了」のコメントを参照してください。
私はこのページを実行すると、テーブル上に全くフォーマットがありません。
私は何か非常に簡単に行方不明だと確信しています!
<!DOCTYPE html>
<head>
<!-- jQuery Link -->
<script src="jquery-3.1.0.min.js"></script>
<!--jQuery CSS -->
<link rel="stylesheet" type="text/css" href="/DataTables/datatables.css">
<!--jQuery JS -->
<script type="text/javascript" charset="utf8" src="/DataTables/datatables.js"></script>
</head>
<body>
<!-- Table start -->
<table id="table_id" class="display">
<thead>
<tr>
<th>Column 1</th>
<th>Column 2</th>
</tr>
</thead>
<tbody>
<tr>
<td>Row 1 Data 1</td>
<td>Row 1 Data 2</td>
</tr>
<tr>
<td>Row 2 Data 1</td>
<td>Row 2 Data 2</td>
</tr>
</tbody>
</table>
<!-- Table end -->
<!-- Call script start -->
<script>
$(document).ready(function() {
$('#table_id').DataTable()
});
</script>
<!-- Call script end -->
</body>
</html>
$( '#table_id')を試してください。DataTable() ' – skobaljic
これを今修正しました。私はそれのように書かれていたことを実現!でも、とにかく同じ結果がページに書式設定されていないのですか? – bepster
あなたのコードは動作するようです:https://jsfiddle.net/ohy2xtud/ コンソール出力はありますか?あなたのスクリプトやスタイルシートなどの問題があるかもしれません。あなたは/ DataTables/datatablesは確かですか?jsはあなたのスクリプトファイルを参照する正しい方法です(cssと同じです)? jQueryのようにプロジェクトのディレクトリではなく、Webルートディレクトリを参照してください –