DataTables: Uncaught TypeError: Nie można odczytać właściwości 'buttons' undefined

Question

Mam problemy z konfiguracją niestandardowych tabel danych, które używają wtyczki Buttons.

mogę założyć custom defaultdom układ, który działa:

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

Ale gdy próbuję include the "B" character in the dom layout:

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

... następnie uruchomić DataTables, ten błąd JavaScript jest donosi:

Uncaught TypeError: Cannot read property 'buttons' of undefined

Co robię źle?

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

Answer 1

I zorientowaliśmy się podczas sporządzania to pytanie. Udostępnianie trudnej odpowiedzi tutaj:

Nie wystarczy tylko dołączyć odpowiednie zasoby JS (jquery.dataTables.min.js, dataTables.buttons.min.js, itp.). You również musiał wywołać plugin przyciski, albo powiększenia domyślnych z elementem button obiektu:

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

Albo można nazwać to co dataTable() inicjalizacji:

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

Zobacz https://jsfiddle.net/jhfrench/at83rcoL/8/ dla examples of both approaches working.