jquery datatableプラグインを正しく使用する方法

以下は私のコード例ですが、動作しません。誰かがこのjquery datatableプラグインの使い方を教えてくれますか？このデータ可能なプラグインはSQL結果フィールドテーブルで使用できますか？おかげjquery datatableプラグインを正しく使用する方法

<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

これは、datatableではなく、基本的なhtml yableを表示しています – User27

ドキュメントから

：HTMLテーブルを向上させることができるようにするためのDataTableのためにhttps://datatables.net/manual/installation

は、テーブルにはヘッダ（THEAD）とボディと、有効な、良くHTML形式でなければなりません（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

私は自分の質問を更新しました。テーブルにtheadとtbodyを追加しました。まだ基本的なhtmlテーブルを表示しています。助けてください – User27

あなたの同じコード/ htmlを使用して、それは私のためにうまく動作します。 https://jsfiddle.net/guanzo/ay8pwcp5/2/ –

私はこれをワードプレスで使用しています。私は、SQL Serverからデータをフェッチして、htmlテーブルに移入しています。このため私はデータテーブルが必要ですが、それはうまく動作しません。ウェブサイトのフォルダにjqueryを追加する必要がありますか？ – User27

jquery datatableプラグインを正しく使用する方法

答えて

関連する問題