2017-03-24 1 views
1

Ich versuche, das DataTable JQuery-Plugin zum Exportieren einer einfachen Tabelle als Excel anstatt als CSV zu verwenden.JSFiddle stellt keine Schaltflächen für DataTable zum Exportieren als Excel bereit

Mein eigener Code zumindest zeigt die Tasten, aber auf dieser JSFiddle kann ich nicht einmal das bekommen:

https://jsfiddle.net/4tuupc5f/4/

Warum tut dies mit allen Plugins Ressourcen verwiesen, nicht bietet eine Excel-Taste, die Exporte ? wie Excel ..

$('#example').DataTable({ 
    buttons: [ 
     'excel' 
    ] 
}); 
+1

Sie haben mehr 'columns' in den Optionen als in Ihrem HTML finden Sie in diesem Arbeits: https://jsfiddle.net/Arg0n/4tuupc5f/1/. Versuchen Sie, Ihren Code in der Browserkonsole zu debuggen, bevor Sie Fragen stellen. Ihre Geige hat einen Fehler generiert. – Arg0n

+0

Ich sehe, das ist ein Problem, aber es löst das Problem nicht. Warum stellt die DataTable die Excel-Exportschaltfläche nicht bereit? –

+0

Fügen Sie die richtigen Bibliotheken ein? – user1274820

Antwort

1

Bacause verpassen Sie die beiden wichtigsten Teile:

Abgesehen davon, können Sie die CSS-Datei

https://cdn.datatables.net/buttons/1.2.4/css/buttons.dataTables.min.css

und natürlich die PDFmake-Bibliothek aufnehmen Dateien:

https://cdn.rawgit.com/bpampuch/pdfmake/0.1.24/build/pdfmake.min.js https://cdn.rawgit.com/bpampuch/pdfmake/0.1.24/build/vfs_fonts.js

aktualisiert Geige ->https://jsfiddle.net/4tuupc5f/6/

+0

Ich kann die Pakete, auf die Sie in Ihrer JS Fiddle verwiesen haben, nicht finden. Ich habe in Bower und Npm gesucht. –

+0

buttons.dataTables.min.css –

+0

OK. Siehe ** https: //datatables.net/download/bower** Sie benötigen sowohl 'datatables.net-buttons' (die js-Datei) als auch' datatables.net-buttons-dt', die das CSS enthalten, einschließlich 'buttons. dataTables.min.css', habe gerade mit einem '" datatables.net-buttons-dt ":" * "' und einem 'bower update' nachgesehen, nun solltest du auch das CSS haben :). – davidkonrad

Verwandte Themen