简单的DataTables示例初始化

我有一个python编写的应用程序，吐出一个报告的HTML文件，我想得到一些看起来更好的输出，我试图使用DataTables。简单的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>

我想我失去了一些东西很明显，但我认为这将工作。有什么收获？预先感谢您的任何建议！

来源

2015-12-02 DJMcCarthy12

jQuery的数据表是一个jQuery插件，因此你需要包括jQuery的数据表之前，包括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>

来源

2015-12-03 03:16:56

谢谢你的回复！我也添加了JQuery包含，但该表仍然显示为经常格式化的HTML表格。还有什么我可能会错过的？真的很感谢帮助！ – DJMcCarthy12

@ DJMcCarthy12，在浏览器中按'F12'，进入'控制台'并查看是否有错误。 –

简单的DataTables示例初始化

回答

相关问题