jquery 数据表按钮扩展不起作用（导出到 PDF、Excel 等）答案

【问题标题】：jquery datatables buttons extension not working (export to PDF, Excel, etc.)jquery 数据表按钮扩展不起作用（导出到 PDF、Excel 等）
【发布时间】：2016-01-05 07:49:27
【问题描述】：

我正在尝试使按钮扩展程序正常工作，但在尝试初始化表格时不断出错。

包含的文件：

<script src="https://cdn.datatables.net/buttons/1.0.3/js/dataTables.buttons.min.js"></script>
<script src="assets/js/pdfmake.min.js"></script>
<script src="assets/js/vfs_fonts.js"></script>
<script src="assets/js/jszip.js"></script>

我也尝试过将这些包括在内，但我也遇到了我认为是原始问题级联的错误。我现在已经把它们注释掉了：

https://cdn.datatables.net/buttons/1.0.3/js/buttons.print.min.js
https://cdn.datatables.net/buttons/1.0.3/js/buttons.flash.min.js
https://cdn.datatables.net/buttons/1.0.3/js/buttons.html5.min.js

使用方法一创建表：

$("#generic-list-table").DataTable( {
    dom: 'Bfrtip',
    buttons: [
        'copy', 'excel', 'pdf'
    ]
} );

我在buttons.min.js 中收到以下错误：

a.init is not a function

当使用第二种方法时：

var table = $('#generic-list-table').DataTable();

new $.fn.dataTable.Buttons( table, {
    dom: 'Bfrtip',
    buttons: [
        'copy', 'excel', 'pdf'
    ]
} );

我收到此错误：

this.c.dom.container is undefined

我正在完全复制示例。我不知道我应该做些什么不同的事情。

【问题讨论】：

标签： excel pdf datatables

【解决方案1】：

我使用了示例代码 (https://www.datatables.net/extensions/buttons/examples/initialisation/simple.html) 并下载了所有相关参考到本地工作，它运行良好。

选中this link 下载带有本地文件的示例。

这是初始化代码

$(document).ready(function() {
    $('#example').DataTable( {
        dom: 'Bfrtip',
        buttons: [
            'copy', 'csv', 'excel', 'pdf', 'print'
        ]
    } );
} );

【讨论】：

【解决方案2】：

我遇到了同样的问题，但我终于弄明白了。您必须以正确的顺序加载所需的文件。

看看这个顺序是否能解决你的问题

<script src="/js/jquery-2.1.1.js"></script>
<script src="/js/plugins/dataTables/jquery.dataTables.js"></script>
<script src="/js/plugins/dataTables/dataTables.tableTools.min.js"></script>
<script src="/js/export_data/pdfmake.min.js"></script>
<script src="/js/export_data/dataTables.buttons.min.js"></script>
<script src="/js/export_data/buttons.flash.min.js"></script>
<script src="/js/export_data/vfs_fonts.js"></script>
<script src="/js/export_data/jszip.min.js"></script>
<script src="/js/export_data/buttons.html5.min.js"></script>

我处理这个订单。似乎有些文件在其他文件中使用了变量。

在你的情况下，你需要有

<script src="assets/js/pdfmake.min.js"></script>

之前

<script src="https://cdn.datatables.net/buttons/1.0.3/js/dataTables.buttons.min.js"></script>

首先是jquery，然后是pdfmake。

【讨论】：

【解决方案3】：

检查母版页和数据表页面中的参考...可能是您在两者中都可用的参考文件..从其中一个中删除对我来说是解决问题

【讨论】：