Datatable Excel和PDF按钮不起作用

Joh*_*son 3 datatable jquery datatables

我不知道为什么我的“数据表”按钮不起作用。复制CSV按钮效果很好,但是ExcelPDF无法正常工作。

我已经安装了所有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'
Run Code Online (Sandbox Code Playgroud)

这是我的数据表配置:

$('#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'}
            ]
                })
Run Code Online (Sandbox Code Playgroud)

有人知道为什么这两个按钮不起作用吗?

非常感谢!!

@EDIT-解决方案

我认为datatables.net和datatables.net-bs陷入冲突。我现在只使用datatables.net-bs。我也使用--save从NPM安装了“ jszip”。

=)

Emr*_*lat 5

您缺少库。根据官方文档,您需要这些:

<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>
Run Code Online (Sandbox Code Playgroud)

有关更多信息,请检查此官方文档:链接