DataTable: Uncaught TypeError: Impossibile leggere i "pulsanti" di proprietà di undefined

Question

Sto riscontrando problemi nell'impostazione di un dataTable personalizzato che utilizza il plug-in Buttons.

posso impostare un layout custom defaultdom che funziona:

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

Ma se provo a include the "B" character in the dom layout:

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

... quindi eseguire DataTable, viene segnalato questo errore JavaScript:

Uncaught TypeError: Cannot read property 'buttons' of undefined

Cosa sto sbagliando?

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

Answer 1

ho capito mentre redazione della presente domanda. Condivisione della risposta difficile:

Non è sufficiente includere solo le risorse JS rilevanti (jquery.dataTables.min.js, dataTables.buttons.min.js, ecc.). Si anche devono richiamare il plugin pulsanti da una estendendo le impostazioni predefinite con l'elemento button oggetto:

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

Oppure si può chiamare a dataTable() inizializzazione:

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

Vedi https://jsfiddle.net/jhfrench/at83rcoL/8/ per examples of both approaches working.