数据:未定义的TypeError:在使用按钮插件时无法读取未定义的属性“复制”

Question

我试图将我的表初始化为：

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

但我在Chrome的控制台上发现了一个错误，上面写着：

未定义的TypeError:无法读取未定义的dataTables.buttons.min.js:17属性的“副本”

Answer 1

看起来，您缺少适当的插件来包含按钮。考虑到可数据按钮“不是内置在核心中的，而是在需要时被包括进来的”(纽扣医生)。因此，我建议您使用下载构建器自定义库，或者将它们包含在单独的文件中。例如，按钮示例中包括以下库：

• //code.jquery.com/jQuery1.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',

工作小提琴演示：https://jsfiddle.net/jufjn9ux/