Search

$(document).ready(function () { var table = $('#myTable').DataTable({ responsive: true, order: [1, 'asc'], columnDefs: [ { searchable: false, orderable:

$('.dataTables_filter input') .off() .on('keyup', function() { $('#myTable').DataTable().search(this.value.trim(), true, false).draw(); });

$('#myInputTextField').keyup(function(){ table.column( [0, 1] ).search( $(this).val() ).draw(); })

var row = $('#myTable thead tr').clone(); $('#myTable').append( $('').append( row ) );

var editor = new $.fn.dataTable.Editor( { formOptions: { bubble: { drawType: 'none' }, }, ajax: 'php/my_ajax_file.php', table: '#mytable',

return collator.compare( a, b ) * -1; }; $('#myTable').DataTable({ paging: false, "columnDefs": [ { "type": "string", "targets": 2 } ], order:

$('#myTable').DataTable( { "buttons": [ { text: 'Custom PDF', extend: 'pdfHtml5', filename: 'dt_cu

There is no caption() method. That will be coming in v2. At the moment you would need to use a little jQuery - $('#myTable caption').html(...).

I have already coded a function that operates in a similar way: it extracts the keywords and builds a select form. However, the only way I achieved this was by initiating a new JSON call after DT load

initComplete passes $('#mytable').DataTable() for the table variable to setTableEvents()

new $.fn.dataTable.Editor.DateTime($('#myInput'), { format: "MM/DD/YYYY", onChange: function () { alert('test'); } });

var data = $('#myTable').DataTable().rows().data();

var table = $('#my_table').DataTable({ dom: "Blrtip", ajax: { url: "/php/accounts.php", type: "POST" }, server

$('#my_table').DataTable( { ajax: { url: '/testapi.txt', dataSrc: 'events' }, columns: [ { data: 'name' }, { data: 'date' }, { data: 'place' },

I am using the $('#myInput').on('change', ... ); but this is what is not firing.

You should be able to just use $('#myInput').on('change', ... ); like you would with any other input element.

new $.fn.dataTable.Editor.DateTime( '#myInput' , options );

$('#my-container').show( function () { myTable.columns.adjust(); } );

It doesn't matter if you hide and show the table itself or if you make an container div around the table, which means, it doesn't matter if you do it via $("div#my-container").show(); or via

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