DataTables: Uncaught TypeError: Không thể đọc các nút 'thuộc tính' không xác định

Question

Tôi đang gặp sự cố khi thiết lập dữ liệu tùy chỉnhBộ nhớ sử dụng plugin Nút.

tôi có thể thiết lập một bố cục custom defaultdom rằng hoạt động:

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

Nhưng nếu tôi cố gắng include the "B" character in the dom layout:

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

... sau đó chạy DataTables, lỗi JavaScript này được báo cáo:

Uncaught TypeError: Cannot read property 'buttons' of undefined

Tôi đang làm gì sai?

Vui lòng see an example of this at https://jsfiddle.net/jhfrench/at83rcoL/

Answer 1

Tôi đã tìm ra khi soạn thảo câu hỏi này. Chia sẻ câu trả lời khó thắng ở đây:

Nó không đủ để chỉ bao gồm các tài sản JS có liên quan (jquery.dataTables.min.js, dataTables.buttons.min.js, v.v.). Bạn cũng phải gọi các plugin Buttons bởi một trong hai mở rộng giá trị mặc định với các yếu tố button đối tượng:

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

Hoặc bạn có thể gọi nó ở dataTable() khởi:

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

Xem https://jsfiddle.net/jhfrench/at83rcoL/8/ cho examples of both approaches working.