DataTables：Uncaught TypeError：无法读取未定义的属性'按钮'

Question

我无法设置使用Buttons插件的自定义数据表。

我可以成立一个custom defaultdom布局的作品：

//vanilla dom (frtip...) 
$.extend($.fn.dataTable.defaults, { 
    dom: 'frtip' 
}); 

但是，如果我尝试include the "B" character in the dom layout：

// Invoke Buttons plugin (Bfrtip...) 
$.extend($.fn.dataTable.defaults, { 
    dom: 'Bfrtip' 
}); 

...然后运行数据表，报告这个JavaScript错误：

Uncaught TypeError: Cannot read property 'buttons' of undefined

我在做什么错？

请see an example of this at https://jsfiddle.net/jhfrench/at83rcoL/

Answer 1

我想通了在起草这个问题。在这里共享来之不易的答案：

只包含相关JS资源（jquery.dataTables.min.js，dataTables.buttons.min.js等）是不够的。您也一张由延伸至与该button对象元素默认调用按钮插件：

// Invoke Buttons plugin (Bfrtip...) 
$.extend($.fn.dataTable.defaults, { 
    buttons: [ 'copy', 'csv', 'excel' ] 
}); 

或者你可以在dataTable()初始化叫它：

$("#table2").DataTable({ 
    buttons: [ 
    'copy', 'excel', 'pdf' 
    ] 
}); 

为examples of both approaches working见https://jsfiddle.net/jhfrench/at83rcoL/8/。