Magento 2: jQuery Datatables Button Extentions Not Working

Question

============================UPDATED 1.1============================

I'm new to Magento 2.3, I'm trying to apply jQuery DataTable(DONE), after than, I want to add it's Button Extension, for that i need to add two more js, i did, now my Js file in included but can't see print button, Here is my code:

/EC/Downloads/view/adminhtml/requirejs-config.js

 var config = {
 map: {
 '*': {
 dataTables: 'EC_Downloads/js/datatables.min'
 }
 }
 };

/EC/Downloads/view/adminhtml/templates/test.phtml

<script>
require(['jquery', 'jquery/ui','dataTables'], function($){ 
 $(document).ready(function($){
 $('#example').DataTable({
 dom: 'Bfrtip',
 buttons: [
 'print'
 ]
 });
 });
});
</script>

Initializing other two js button.js, button_print.js like this:

<script type="text/x-magento-init">
 {
 "*": {
 "EC_Downloads/js/buttons":{},
 "EC_Downloads/js/buttons_print":{}
 }
 } 
</script>

Getting This Error: enter image description here

• Rutvee Sojitra: Have you done setup upgrade, static-conetent deploy and cache flush?
• Partab Saifuddin Zakir: i didn't do upgrade as i think its not necessary, but did sudo rm -rf var/ pub/static/adminhtml generated/ sudo php bin/magento setup:di:compile, sudo php bin/magento setup:static-content:deploy -f & Clean Flush....
• Rutvee Sojitra: still your file not included?
• Partab Saifuddin Zakir: Nope, No Js in Network....
• fmsthird: i cant see how you use dataTables ?

Answer 1

I've used dataTables before in frontend theme. Not that different to what you have tried. Just for clarity here's what I ended up with.

require(['jquery', 'jquery.dataTables'], function(,ドル DataTable) {

app/design/frontend/Vendor/Theme/Magento_Theme/requirejs-config.js

 {
 "jquery.dataTables": "Magento_Theme/js/jquery.dataTables.min"
 },

Location of file

app/design/frontend/Vendor/Theme/Magento_Theme/web/js/jquery.dataTables.min.js

Worked for me.

• Partab Saifuddin Zakir: Bro @DominicXiegen dataTable is working for me, the problem is i just want to add Button Extention https://www.datatables.net/extensions/buttons/examples/initialisation/simple.html which is not working.....

Answer 2

Try to replace your <script> tag with below code

<script type="text/x-magento-init" />

Refer: https://devdocs.magento.com/guides/v2.3/javascript-dev-guide/javascript/js_init.html

• Partab Saifuddin Zakir: could you show me how i use it in my code ???
• Partab Saifuddin Zakir: not working, your code not working in .phtml
• Saphal Jha: gettting the same error?
• Partab Saifuddin Zakir: i'm getting a syntax error, my datatable works perfectly just want to add buttons for print :( datatables.net/extensions/buttons/examples/initialisation/…
• Partab Saifuddin Zakir: Please see updated question, i initialize other two JS and getting error in console.... @SaphalJha