2017-03-09 1 views
0

Mein Export to Excel-Schaltfläche nicht angezeigt, auch nachdem ich diesen Code oben verwendet. Ich habe keine Ahnung, was mit dem Code passiert. Jemand mit mehr Erfahrung bitte hilf mir. Ich habe meine Referenz von https://datatables.net/extensions/buttons/examples/initialisation/export.htmlExport nach Excel-Schaltfläche nicht angezeigt

 <table id="example" class="display nowrap" cellspacing="0" width="100%"> 
     <thead> 
      <tr> 
       <th>Name</th> 
       <th>Position</th> 
       <th>Office</th> 
       <th>Age</th> 
       <th>Start date</th> 
       <th>Salary</th> 
      </tr> 
     </thead> 
     <tbody> 
      <tr> 
       <td>Tiger Nixon</td> 
       <td>System Architect</td> 
       <td>Edinburgh</td> 
       <td>61</td> 
       <td>2011/04/25</td> 
       <td>$320,800</td> 
      </tr> 
      <tr> 
       <td>Garrett Winters</td> 
       <td>Accountant</td> 
       <td>Tokyo</td> 
       <td>63</td> 
       <td>2011/07/25</td> 
       <td>$170,750</td> 
      </tr> 
      <tr> 
       <td>Ashton Cox</td> 
       <td>Junior Technical Author</td> 
       <td>San Francisco</td> 
       <td>66</td> 
       <td>2009/01/12</td> 
       <td>$86,000</td> 
      </tr> 
     </tbody> 
    </table> 

<script> 
    $(document).ready(function() { 
     $('#example').DataTable({ 
      dom: 'Bfrtip', 
      buttons: [ 
       'excel' 
      ] 
     }); 
    }); 
</script> 

Hier ist die Ausgabe der Konsole:

enter image description here

+0

1) Müssen wir wirklich alle Zeilen in Ihrem Beispiel sehen? Halte es auf ein Minimum! 2) Öffnen Sie die Entwicklerkonsole Ihres Browsers, führen Sie Ihren Code aus und lassen Sie uns, wenn Sie irgendwelche Konsolenfehler haben. 3) Fügen Sie diese zu Ihrer Frage hinzu. –

+1

@LeeTaylor Es tut mir leid Sir, es ist mein erstes Mal .. Ich habe meine Frage aktualisiert BTW Danke für Ihre Tipps – coposaja

Antwort

0

Um Sie den Export verwenden Plugin müssen Sie auch die folgenden Skripte sind:

//code.jquery.com/jquery-1.12.4.js https://cdn.datatables.net/1.10.13/js/jquery.dataTables.min.js https://cdn.datatables.net/buttons/1.2.4/js/dataTables.buttons.min.js //cdn.datatables.net/buttons/1.2.4/js/buttons.flash.min.js //cdnjs.cloudflare.com/ajax/libs/jszip/2.5.0/jszip.min.js //cdn.rawgit.com/bpampuch/pdfmake/0.1.24/build/pdfmake.min.js //cdn.rawgit.com/bpampuch/pdfmake/0.1.24/build/vfs_fonts.js //cdn.datatables.net/buttons/1.2.4/js/buttons.html5.min.js //cdn.datatables.net/buttons/1.2.4/js/buttons.print.min.js

Dies ist in dem Link zur Verfügung gestellt beschrieben. Sehen Sie sich die Quelle dieser Seite an, um zu sehen, wie sie diese enthält.

+0

eigentlich habe ich das getan .. Ich habe diese Skripte .. Ich habe diese zwischen dem Ende von meinem Tisch und diesem Skript-Tag. Ist es der falsche Ort? – coposaja

+0

Ich denke, Sie müssen die Reihenfolge Ihrer Skripte, Tabelle und andere Tags überprüfen. Vergleichen Sie dies mit der verknüpften Version. Außerdem müssen Sie möglicherweise auf einem Webserver ausgeführt werden, oder? –

+1

Vielen Dank für Ihre Hilfe, Sir. Ich werde versuchen, sie noch einmal zu überprüfen. – coposaja