Search

$( child, '#table2' ).toggle();

$("#table1 tr.trimestre, #table2 tr.trimestre, #table3 tr.trimestre, #table4 tr.trimestre").click(function(){ var id = this.id; var child = '.child.' + id; $( child )

{ $('#table1').DataTable(); $('#table2').DataTable(); LoadGrid1(); }); const LoadGrid1 = async () => { $("#table1").DataTable({

} ] }); var table2 = $('#table2').DataTable({ paging: false, select: { style: 'single' }, columnDefs: [ {

$('#table2') .on('error.dt', function (e, settings, techNote, message) { console.error('An error has been reported by DataTables: ', message); $('#table2').DataTable().destroy(); })

$("#table2").html("<b>404 Error: Data source not found.</b>");

error: function (xhr, error, thrown) { if (xhr.status === 404) { $('#table2').DataTable().clear().draw(); $('#table2').DataTable().row.add([

function resultTable2(result2){ $('#table2').DataTable({ buttons: [{ action: function () { exportNotFound(); }, }], columns: [

} table2 = $("#table2").DataTable({ "infoCallback": function( settings, start, end, max, total, pre ) { return "Showing &

}); } table2 = $("#table2").DataTable({ "language": { "info": "Showing page _PAGE_ of _PAGES_ Records: _TOTAL_" }

$('#Table2').DataTable().column(2).search('2022').draw();

function setSearch(value) { $("#table2").dataTable().fnFilter(decodeURI(value)); } $(document).ready(function () { $('#table2.table').dataTable({ "processing": t

$('#table2.table').dataTable({ "processing": true, "serverSide": true, "filter": true, "ajax": { "type&q

var table1 = $('#table1').DataTable(); var table2 = $('#table2').DataTable(); table1 .on('select', function() { ... do something });

The datatables (the table IDs) have different names of course. Because I include code parts, there are two independent initializations with different names: $('#table1').DataTable() and $('#table2').

$('#table2').DataTable( {

$('#table`).DataTable(); $('#table2').DataTable({ scrollY: 300, .... });

$("#table1 tbody").on('click', 'tr', function() { $("#table2 tbody").append(this.cloneNode(true)); });

for Every Row detailsTableHtml = $("#Table2").html(); var table1 = $("#Table1").DataTable({ async: true, serverSide: false, // for pro

var table1Length; //global variable table1 .on('draw', function () { table1Length = table1.rows().count(); }); var table2 = $('#table2').DataTable({ dom: "Bfrltip",