gpt4 book ai didi

html - 简单的 DataTables 示例初始化

转载 作者:搜寻专家 更新时间:2023-10-31 08:26:32 24 4
gpt4 key购买 nike

我有一个 python 编写的应用程序,它正在为报告吐出 HTML 文件,我想让一些输出看起来更好,我正在尝试使用 DataTables。

在测试中,我什至无法让一个简单的 DataTables 示例正常工作,我认为这只是因为我对 CSS/Javascript/Web 设计总体上缺乏理解。出于示例的目的,我有一个非常简单的 HTML 表格,我只想使用本地 DataTables 文件。

我已经完成了推荐的本地文件设置,可以在这里找到:https://datatables.net/download/

将大多数选项保留为默认值,但在必要时选择包含 JQuery。我下载了提供的压缩包,按照提示解压,目录结构如下:

- root
- test.html
- DataTables\
- DataTables-1.10.10
- css\
- ...
- images\
- ...
- js\
- ...
- datatables.css
- datatables.js
- datatables.min.css
- datatables.min.js

这是 test.html:

<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>

我想我遗漏了一些明显的东西,但我认为这会奏效。有什么收获?在此先感谢您的任何建议!

最佳答案

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>

关于html - 简单的 DataTables 示例初始化,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34052862/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com