Jquery Datatable Buttons Not Showing Up On React js
import $ from 'jquery';import JSZip from 'jszip';window.JSZip = JSZip;import 'datatables.net-bs4';import 'datatables.net-responsive';import 'datatables.net-buttons-bs4';import 'datatables.net-buttons/js/buttons.colVis';import 'datatables.net-buttons/js/buttons.html5';import 'datatables.net-buttons/js/buttons.flash';import 'datatables.net-buttons/js/buttons.print';
After importing all my dependencies, it was as simple as adding
"dom": 'Bfrtip'
to my datatable initialization.
$("#dynamic_table").DataTable({ "lengthChange": true, "dom": 'Bfrtip', "buttons": [ 'copyHtml5', 'excelHtml5', 'csvHtml5', 'pdfHtml5' ]});
I got rid of this line
table.buttons().container().appendTo( '#dynamic_table_wrapper .col-md-6:eq(0)' );