jquery datatables按钮扩展不工作（导出为PDF、Excel等）

我正在尝试让buttons扩展正常工作，但在尝试初始化表时不断出错

包括的文件：

<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>

使用方法1创建表：

$("#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

我完全照搬了这些例子。我不知道我应该做些什么不同的事情。

我使用了示例代码（）并下载了所有相关的参考资料以在本地工作，效果很好

选中以下载带有本地文件的示例

这是初始化的代码

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

---

我也遇到过同样的问题，但我最终还是解决了。您必须以正确的顺序加载所需的文件

看看这个订单是否对你的问题进行了排序

<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。

检查母版页和数据表页中的引用…可能是两个页面中都可用的引用文件。.从其中一个页面中删除是为我解决问题

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