JSFiddle - React, Tailwind, and code Playground
JavaScript
$(document).ready(function () {
console.log("Table 0 init.");
var table0 = $('#dataTable0').DataTable( {
buttons: [
{
extend: 'print',
text: 'Print ' + "<b><i>List bill</i></b>" + " report",
autoPrint: false,
header: true,
exportOptions: {
modifier: {
page: 'all'
}
}
}
]
});
table0.buttons( 0, null ).containers().appendTo( '#rb0' );
console.log("Table 1 init.");
var table1 = $('#dataTable1').DataTable( {
buttons: [
{
extend: 'print',
text: 'Print ' + "<b><i>People added since last bill1</i></b>" + " report",
autoPrint: false,
header: true,
exportOptions: {
modifier: {
page: 'all'
}
}
}
]
});
table1.buttons( 0, null ).containers().appendTo( '#rb1' );
console.log("Table 2 init.");
var table2 = $('#dataTable2').DataTable( {
buttons: [
{
extend: 'print',
text: 'Print ' + "<b><i>People added since last bill2</i></b>" + " report",
autoPrint: false,
...