Datatables.net Excel export button is not displayed when using webpack

Question

I'm using laravel 5.7 with elixir wrapper for webpack.

I added Datatables.net fine but Excel export button is not displayed.

This is my vendor.js

require('datatables.net');
require('datatables.net-bs4');
require('jszip');
require('datatables.net-buttons');
require('datatables.net-buttons/js/buttons.flash.js');
require('datatables.net-buttons/js/buttons.html5.js');

however the button Excel shows fine if I just add this to my html

<script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.5/jszip.min.js"></script>

I recon, jszip is not being required properly. What is a proper way?

No errors in js console.

jszip was downloaded fine into node_modules, like so

$ npm install jszip --save-dev

Yevgeniy Afanasyev · Accepted Answer · 2019-01-30 20:16:42Z

1

This is vendor.js is working fine:

require('datatables.net');
require('datatables.net-bs4');
window.JSZip = require('jszip');    
require('datatables.net-buttons');
require('datatables.net-buttons/js/buttons.flash.js');
require('datatables.net-buttons/js/buttons.html5.js');

edited Jan 30, 2019 at 20:16

answered Jan 30, 2019 at 20:08

Yevgeniy Afanasyev

42k30 gold badges186 silver badges211 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Josue Molina Blas · Accepted Answer · 2019-09-06 20:29:19Z

0

If you are not using Bootstrap, you should use this:

var table = $('#example').DataTable( {
buttons: [
    'copy', 'excel', 'pdf'
] } );


table.buttons().container()
.appendTo( $('<#elementWhereYouNeddToShowThem>', table.table().container() ) );

answered Sep 6, 2019 at 20:29

Josue Molina Blas

1

1 Comment

Yevgeniy Afanasyev Over a year ago

the question was mostly about webpack, thank you for your answer

Collectives™ on Stack Overflow

Datatables.net Excel export button is not displayed when using webpack

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related