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