首页 文章

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

提问于
浏览 次
2

我不知道为什么我的Datatable按钮不起作用 . Copy 和 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 - Solution

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

=）

jquery datatable datatables

2 回答

  • 0

    你缺少图书馆 . 根据官方文档，您需要这些：

    <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

    回复于
  • 2

    尝试包含以下脚本来运行excel和pdf .

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

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

    回复于

相关问题