Question

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

在测试中，我甚至无法得到一个简单的DataTables示例，我认为这只是因为我对CSS / Javascript / Web Design的整体缺乏了解。出于示例的目的，我有一个非常简单的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>

我认为我错过了一些明显的东西，但我认为这会有效。捕获的是什么？提前感谢任何建议！

Answer 1

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>

简单的DataTables示例初始化

1 个答案: