簡單的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示例初始化

回答

相關問題