如何正確使用jquery數據表插件

下面是我的示例代碼，但它不起作用。有人可以幫助我如何使用這個jQuery數據表插件？而且這個數據表插件可以在sql結果字段表中使用嗎？由於如何正確使用jquery數據表插件

<html> 
    <head> 
    <script src="https://code.jquery.com/jquery-1.11.1.min.js"></script> 
    <script src="https://cdn.datatables.net/1.10.13/js/jquery.dataTables.min.js"></script> 
    <link rel="stylesheet" href="https://cdn.datatables.net/1.10.13/css/jquery.dataTables.min.css"> 
    </head> 

    <body> 
     <table id="example" style="border:1px solid black;"> 
      <thead> 


    <tr> 
       <th>Column 1</th>   
       <th>Column 2</th>   
       <th>etc</th>  
      </tr> 
     </thead> 

     <tbody> 
      <tr>  
       <td>Row 1 Data 1</td> 
       <td>Row 1 Data 2</td> 
       <td>etc</td> 
      </tr> 
      <tr> 
       <td>Row 2 Data 1</td> 
       <td>Row 2 Data 2</td> 
       <td>etc</td> 
      </tr> 
      <tr> 
       <td>Row 2 Data 1</td> 
       <td>Row 2 Data 2</td> 
       <td>etc</td> 
      </tr> 
     </tbody> 
</table> 
</body> 

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('#example').dataTable(); 
    }); 
</script> 

</html>

來源

2017-01-17 User27

它應該做什麼，它不是？ – ti7

它只顯示基本的html yable，不可數據 – User27

從文檔：https://datatables.net/manual/installation

對於數據表，以便能夠增強HTML表，該表必須有效，以及HTML格式，用頭（THEAD）和主體（TBODY）。也可以使用可選頁腳（tfoot）。

嘗試使用正確的列數向表中添加thead。

它應該看起來像這樣，但是您需要的行和列，以及您的td充滿了您的內容。

<table> 
    <thead> 
     <tr> 
      <th></th> 
      <th></th> 
      <th></th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr> 
      <td></td> 
      <td></td> 
      <td></td> 
     </tr> 
    </tbody> 
<table>

來源

2017-01-18 05:13:37

我更新了我的問題。表中添加了add和tbody。仍然顯示基本的html表格。請幫助 – User27

使用相同的代碼/ html，它對我來說工作正常。 https://jsfiddle.net/guanzo/ay8pwcp5/2/ –

我在WordPress中使用它。我從SQL Server中獲取數據並填充到html表格中。爲此我需要一個數據表，但它不工作。我是否需要將任何jquery添加到我的網站文件夾中？ – User27

如何正確使用jquery數據表插件

回答

相關問題