javascript - 数据表:未捕获类型错误:使用按钮插件时无法读取未定义的属性 'copy'

Question

我正在尝试将我的表初始化为:

var table = $("#table-id").DataTable({
    "columnDefs": [{
        "width": "8%", 
        "targets": 0
    }],
    'bSort': false,
    bPaginate: false,
    bFilter: false,
    bInfo: false,
    buttons: [
        'copy', 'excel', 'pdf'
    ]
});

但我在 Chrome 的控制台上收到一条错误消息:

Uncaught TypeError: Cannot read property 'copy' of undefined at dataTables.buttons.min.js:17

Answer 1

您似乎缺少合适的插件来包含这些按钮。考虑到数据表按钮“没有内置到核心中，而是在您需要时才包含”(buttons doc)。因此，我建议您要么使用下载生成器来自定义您的库，要么将它们包含在单独的文件中。即，以下库包含在按钮示例中:

• //code.jquery.com/jquery-1.11.3.min.js
• https://cdn.datatables.net/1.10.10/js/jquery.dataTables.min.js
• https://cdn.datatables.net/buttons/1.1.0/js/dataTables.buttons.min.js
• //cdn.datatables.net/buttons/1.1.0/js/buttons.flash.min.js
• //cdnjs.cloudflare.com/ajax/libs/jszip/2.5.0/jszip.min.js
• //cdn.rawgit.com/bpampuch/pdfmake/0.1.18/build/pdfmake.min.js
• //cdn.rawgit.com/bpampuch/pdfmake/0.1.18/build/vfs_fonts.js
• //cdn.datatables.net/buttons/1.1.0/js/buttons.html5.min.js
• //cdn.datatables.net/buttons/1.1.0/js/buttons.print.min.js

此外，您还需要以下 dom 修饰符:

dom: 'Bfrtip',

工作 jsfiddle 演示:https://jsfiddle.net/jufjn9ux/