DataTablesテーブルが表示されない

DataTablesプラグインを使用しようとしていますが、https://datatables.net/examples/data_sources/js_array.htmlのサンプルコードを使用しているときに、テーブル表示に問題があります。私は間違っています。DataTablesテーブルが表示されない

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta http-equiv="Content-type" content="text/html; charset=utf-8"> 
    <title>DataTables Site</title> 
    <meta name="viewport" content="width=device-width, minimum-scale-1.0, maximum-scale=1.0" /> 
    <link rel="stylesheet" href="jquery.DataTables.min.css"> 
    <link rel="stylesheet" href="styles.css"> 
    <link rel="stylesheet" href="DataTablesCSS.css"> 
    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/dt/dt-1.10.15/datatables.min.css"/> 
</head> 

<body> 

<script src="DataTablesJS.js"></script> 
<script src="jquery.dataTables.min.js"></script> 
<script src="jquery-1.12.0.min.js"</script> 
<script type="text/javascript" src="https://cdn.datatables.net/v/dt/dt-1.10.15/datatables.min.js"></script> 
<script type="text/javascript" class="init"></script> 

<div id="container" class="width"> 
<header> 
    <h1>Data<span> Tables</span></h1> 
</header> 

<div id="body"> 
<section id="content"> 
    <br> 
    <article> 
     <h2>DataTables H2</h2> 
     </br> 
<html> 
<body> 

<div> 
<table id="example" class="display" width="100%"></table> 
</div> 

</body> 
</html> 
    </article> 

</section> 
<div class="clear"></div> 
</div> 
<footer> 

</footer> 
</div> 
</body> 
</html>

あらかじめご了承ください。CSSまたはJavaScriptファイルを追加すると便利です。 https://validator.w3.org/

それはDataTableの程度ではないかもしれません。

出典

2017-07-16 JG20

あなたのコードは本当に面倒です！ 'DataTable'を初期化した場合、'スクリプトsrc = "DataTablesJS.js"> 'をすべてのスクリプトの後ろに入れてください。 – codtex

まず、のようないくつかのHTMLコードバリデータを使用してみてください。

エラーの簡単な情報を得るには、合理的なIDE（参考になるかもしれません）またはコマンドライン検証ツールを使用してください。

出典

2017-07-16 18:22:52

validator.w3.orgは、新しい変更を認識しないため完全なものではありません。 – HebleV

私はそれを十分に認識しています。しかし、そのような場合にはちょうどいいかもしれません。あなたが試してみたかどうかは分かりませんが、基本的なものについては既に確認しています。そして、_like_という言葉に気をつけてください。どちらの方法であれ、ほとんどの場合、@ JG20は正しい答えをより早く得ることができます。 –

代わりに、データテーブルjavascriptを本文の末尾に含めてください。この方法で、jsがテーブルを検索する前にHTMLが生成されます。

出典

2017-07-16 18:41:14

これを試してupvoteし、あなたの問題を解決する場合は受け入れてください！ –

DataTablesテーブルが表示されない

答えて

関連する問題