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文件將是有用的。

來源

2017-07-16 JG20

你的代碼真的很混亂！如果你初始化那裏的'DataTable'，那麼把''放在所有腳本之後 – codtex

首先，請嘗試使用一些HTML代碼的驗證，如：https://validator.w3.org/

它可能不是有關數據表。

使用一些合理的IDE（它可能會有幫助）或命令行驗證工具來獲取有關錯誤的快速信息。

來源

2017-07-16 18:22:52

validator.w3.org不是全面的，因爲它不能識別新的改變。 – HebleV

我完全意識到這一點。但在這種情況下，它可能適合。我不確定你是否嘗試過 - 它已經對基本的東西進行了篩選，儘管也出現了一些噪音。並請注意單詞_like_。無論哪種方式在大多數情況下會使@ JG20更快地得到正確答案。 –

將數據表javascript包含在主體的末尾，這樣在js可以搜索表之前就會生成HTML。

來源

2017-07-16 18:41:14

如果它解決了您的問題，請嘗試此操作並注意並接受！ –

DataTables表不顯示

回答

相關問題