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表不显示

回答

相关问题