Search

$('#MyTable').on('click', '#AddAct', function () {

$('#myTable').DataTable( { ajax: { "url": "getData.

$(document).ready(function() { $('#mytable').DataTable( { "ajax":{ "processing": true, "dataSrc": "", &quo

$(document).ready(function() { $('#mytable').DataTable( { "ajax":{ "processing": true, "dataSrc": "", "url&

var attendanceDetailsTable = $('#myTable').DataTable();

var ref_table = $('#myTable').DataTable();

$('#myTable').DataTable(set1);

Looks like you have the event $('#myTable tbody').on('click', 'tr', function () { inside the getdata function. Each time you call the function it will add another event handler for that click event r

$("#getdata").click(function() { $('#myTable').DataTable().destroy(); $('body').loadingModal('show'); var ref,cat,dt,noc2;

$(document).ready(function() { var searchOptions = $.fn.dataTable.ext.deepLink( ['search.search'] ); var defaultOptions = { dom: 'lBfrtip', buttons: ['excel','pdf','print'

$('#myTable').DataTable( $.fn.dataTable.ext.deepLink( [ 'search.search' ] ));

$(document).ready(function() { var t = $('#myTable').DataTable({ "scrollX": true, "pageLength": 20, "lengthChange&q

let table = $('#myTable').DataTable({

$(document).ready(function() { $('#myTable').DataTable( { dom: 'lBfrtip', buttons: ['excel','pdf','print'], "language": { "lengthMenu&q

return $('#myTable').DataTable({ "dom" : "Bfrti", // ... "buttons": [ { extend: "create", e

$('#myTable').DataTable( { ajax: "data1.json", paging: false, stateSave: true,

$("#seldepartamento").change(function(event) { myTable.draw(); }); var myTable = $('#myTable').DataTable({ "processing": true, "serverSide": true, "

$('#mytables').DataTable().column( 1 ).visible(false)

$('#myTable').on( 'click', 'td', function () { editor.inline( this ); console.log(editor.displayed()[0]); } );

var myData = [ {item: 'apple', color: 'red'}, {item: 'pear', color: 'green'}, {item: 'pinaple', color: 'yellow'}, {item: 'banana', color: 'yellow'} ]; var dataTable = $('#mytable').DataTabl