wie jquery datatable Plugin richtig zu verwenden

Unten ist mein Beispielcode, aber es funktioniert nicht. Kann mir bitte jemand helfen, wie man dieses jquery Datatable Plugin benutzt? Und kann dieses Datatable-Plugin für die SQL-Feldtabelle verwendet werden? Dankwie jquery datatable Plugin richtig zu verwenden

<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>

Quelle

2017-01-17 User27

Was sollte es tun, dass es nicht ist? – ti7

Es zeigt nur grundlegende HTML-Yable, nicht datable – User27

Aus der Dokumentation: https://datatables.net/manual/installation

Für Tables der Lage sein, eine HTML-Tabelle zu verbessern, muss die Tabelle gültig, gut formatierte HTML sein, mit einem Header (thead) und einem Körper (tbody). Eine optionale Fußzeile (Tfoot) kann ebenfalls verwendet werden.

Versuchen Sie, einen thead zu Ihrer Tabelle mit der richtigen Anzahl von Spalten hinzuzufügen.

Es sollte so aussehen, aber mit Zeilen und Spalten, die Sie brauchen, und Ihre td ist mit Ihren Inhalten gefüllt.

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

Quelle

2017-01-18 05:13:37

Ich habe meine Frage aktualisiert. Hinzugefügt thead und tbody in der Tabelle. zeigt immer noch grundlegende HTML-Tabelle. Bitte helfen Sie – User27

Mit Ihrem gleichen Code/HTML, funktioniert es gut für mich. https://jsfiddle.net/guanzo/ay8pwcp5/2/ –

Ich benutze das in WordPress. Ich hole die Daten vom sql Server und bevölke in der html Tabelle. Dazu brauche ich eine Datentabelle, aber es funktioniert einfach nicht. Muss ich irgendwelche jquery in meinen Website-Ordner hinzufügen? – User27

wie jquery datatable Plugin richtig zu verwenden

Antwort

Verwandte Themen