Search

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

"data": function ( d ) { d.myKey = "myValue"; // d.custom = $('#myInput').val(); // etc }

table: "#myDatatable", idSrc: 'EmployeeID', fields: [{ label: "First Name:", name: "Fi

$(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,

in the initialisation call var table = jQuery('#MyDataTable').DataTable({ "columns": columns, "data": data, "creat

} $("#myModal").modal("hide"); }).fail(function(){ $("#myModal").modal("h

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

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