Html 简单数据表示例初始化
我有一个python编写的应用程序，它为报表输出HTML文件，我想让一些输出看起来更好，我正试图使用DataTables来实现这一点 在测试中，我甚至无法让一个简单的DataTables示例正常工作，我认为这是因为我对CSS/Javascript/Web设计缺乏全面的理解。出于示例的目的，我有一个非常简单的HTML表，我只想使用本地DataTables文件 我已经完成了本地文件的推荐设置，可以在此处找到： 保留大多数选项作为默认选项，但根据需要选择包含JQuery。我下载了提供的包并按照说明解压缩，留下如下目录结构：Html 简单数据表示例初始化,html,datatables,Html,Datatables,我有一个python编写的应用程序，它为报表输出HTML文件，我想让一些输出看起来更好，我正试图使用DataTables来实现这一点 在测试中，我甚至无法让一个简单的DataTables示例正常工作，我认为这是因为我对CSS/Javascript/Web设计缺乏全面的理解。出于示例的目的，我有一个非常简单的HTML表，我只想使用本地DataTables文件 我已经完成了本地文件的推荐设置，可以在此处找到： 保留大多数选项作为默认选项，但根据需要选择包含JQuery。我下载了提供的包并按照说明解压
- root
- test.html
- DataTables\
- DataTables-1.10.10
- css\
- ...
- images\
- ...
- js\
- ...
- datatables.css
- datatables.js
- datatables.min.css
- datatables.min.js
<html>
<head>
<link rel="stylesheet" type="text/css" href="/DataTables/datatables.css">
<script type="text/javascript" charset="utf8" src="/DataTables/datatables.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#example').DataTable();
} );
</script>
</head>
<body>
<table id="example" class="display" cellspacing="0" width="100%">
<thead>
<tr>
<th>Name</th>
<th>Position</th>
</tr>
</thead>
<tbody>
<tr>
<td>Tiger Nixon</td>
<td>System Architect</td>
</tr>
<tr>
<td>Garrett Winters</td>
<td>Accountant</td>
</tr>
</tbody>
</table>
</body>
</html>
$（文档）.ready（函数（）{
$（“#示例”）.DataTable（）；
} );
名称
位置
老虎尼克松
系统架构师
加勒特温特斯
会计
我想我遗漏了一些明显的东西，但我认为这会奏效。有什么问题吗？提前感谢您的建议 jQuery DataTables是一个jQuery插件，因此在包含jQuery DataTables之前需要先包含jQuery，如下所示：
<script type="text/javascript" src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<script type="text/javascript" charset="utf8" src="/DataTables/datatables.js"></script>