डेटाटेबल्स: अनकॉटेड टाइपरर: अपरिभाषित

Question

की संपत्ति 'बटन' नहीं पढ़ सकता है मुझे बटनों प्लगइन का उपयोग करने वाले कस्टम डेटाटेबल सेट करने में समस्या हो रही है।

मैं एक 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' 
}); 

... तो DataTables चलाने के लिए, इस JavaScript त्रुटि रिपोर्ट किया गया है:

Uncaught TypeError: Cannot read property 'buttons' of undefined

मैं क्या गलत कर रहा हूं?

कृपया see an example of this at https://jsfiddle.net/jhfrench/at83rcoL/

Answer 1

मैं यह पता लगा है, जबकि इस सवाल का मसौदा तैयार करने। हार्ड-जीता उत्तर यहां साझा करना:

प्रासंगिक जेएस संपत्तियों (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/ देखें।