Question

我正在尝试使用DataTables插件，当使用https://datatables.net/examples/data_sources/js_array.html上的示例代码作为起点时，我很难显示表格，如果有任何建议我可以在哪里我错了。

<!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文件会有用，请告诉我。

Answer 1

首先，请尝试使用一些HTML代码验证器，例如：https://validator.w3.org/

可能与DataTables无关。

使用一些合理的IDE（可能会有所帮助）或命令行验证工具来获取有关错误的快速信息。

Answer 2

在主体的末尾包含数据表javascript，这样就可以在js搜索表之前生成HTML。

DataTables表未显示

2 个答案: