DataTables：Uncaught TypeError：未定義のプロパティ 'buttons'を読み取ることができません

Question

Buttonsプラグインを使用するカスタムデータテーブルを設定する際に問題があります。

私が働く custom default domレイアウト設定することができます

：

//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' 
}); 

...その後のDataTableを実行し、この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 object要素にデフォルト値を拡張することにより、ボタンのプラグインを起動する必要があります。

// 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/を参照してください。