2017-09-12 83 views
0

我不知道爲什麼我的Datatable按鈕不起作用。 複製CSV按鈕效果不錯,但ExcelPDF沒有工作。Datatable Excel和PDF按鈕不起作用

我已經安裝了所有NPM模塊,而且我都已經導入

$ from 'jquery' 
import 'jszip' 
import 'datatables.net' 
import 'datatables.net-bs' 
import 'datatables.net-responsive' 
import 'datatables.net-buttons' 

import 'datatables.net-buttons/js/buttons.html5.js' 
import 'datatables.net-buttons/js/buttons.colVis.js' 
import 'datatables.net-buttons/js/buttons.flash.js' 
import 'datatables.net-buttons/js/buttons.print.js' 

在這裏,他們是我的DataTable的配置:

$('#dataTable').DataTable({ 
        responsive: true, 
        "language": datatableBR, 
        "dom": '<"html5buttons"B>lTfgt<"row"<"col-md-6"i><"col-md-6"p>>', 
        "buttons": [ 
       { extend: 'copy'}, 
       {extend: 'csv'}, 
       {extend: 'excel', title: 'ExampleFile'}, 
       {extend: 'pdf', title: 'ExampleFile'} 
      ] 
       }) 

任何人都知道爲什麼這兩個按鈕不起作用?

非常感謝!

@EDIT - 解決方案

我覺得datatables.net和datatables.net-BS在衝突進入。我現在只使用datatables.net-bs。 我使用--save從NPM安裝了太多的「jszip」。

=)

回答

1

您缺少庫。據官方資料,你需要這些:

<script type="text/javascript" src="https://code.jquery.com/jquery-1.12.4.js"></script> 
<script type="text/javascript" src="https://cdn.datatables.net/1.10.16/js/jquery.dataTables.min.js"></script> 
<script type="text/javascript" src="https://cdn.datatables.net/buttons/1.4.1/js/dataTables.buttons.min.js"></script> 
<script type="text/javascript" src="https://cdn.datatables.net/buttons/1.4.1/js/buttons.flash.min.js"></script> 
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script> 
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.32/pdfmake.min.js"></script> 
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.32/vfs_fonts.js"></script> 
<script type="text/javascript" src="https://cdn.datatables.net/buttons/1.4.1/js/buttons.html5.min.js"></script> 
<script type="text/javascript" src="https://cdn.datatables.net/buttons/1.4.1/js/buttons.print.min.js"></script> 

欲瞭解更多信息,請查看本正式文件:link

+0

感謝的人,使用CDN它工作得很好,但我想用導入具有的WebPack代替的CDN鏈接到index.html。但感謝您的支持!我已經解決了我的問題。 =) – Johnson