Question

我不知道为什么我的数据表按钮不起作用。复制和 CSV 按钮效果很好，但 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。我也安装了＆＃34; jszip＆＃34;来自NPM使用--save。

=）

Answer 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

Answer 2

尝试包括以下脚本以运行excel和pdf。

对于excel，请添加以下脚本：导入'datatables.net-buttons / js / buttons.flash.min.js'

对于pdf，请添加以下脚本：导入'datatables.net-buttons / js / pdfmake.min.js'

数据表Excel和PDF按钮不起作用

2 个答案: