Search

$(document).ready(function () { $('#example').DataTable(); });

var table = $('#example').DataTable( {

$('#example tbody').on( 'click', 'tr', function () { var value = $('select', this).val(); console.log( value ); });

$(document).ready(function () { var table = $('#example').DataTable(); $('#example tbody').on('click', 'tr', function () { $(this).tog

$('#example tbody').on('click', 'tr', function () {

$('#example').dataTable( {

$('#example tbody').on( 'click', 'tr', function () { var d = table.row( this ).data(); console.log( $( d[3] ).find(":selected").text() );

$(document).ready(function () { var table = $('#example').DataTable(); $('#example tbody').on('click', 'tr', function () { $(this).tog

https://datatables.net/blog/2016-12-22#Example

in ('#example').dataTable

var table = $('#example').DataTable({ ajax: { url: "/api/applicationPackageData/", type: 'POST' }, order: [[0, 'asc'],[1,

https://datatables.net/manual/api#Example---column-filter

"-", } ]; $("#example_table").dataTable({ columns: editor_columns, paging: true, searching: true, pageLength: 25, scrollX:t

$('#example').DataTable().columns().every(function () { if (this.search() != '') { i++; rslt += this.header().innerText + " = " + "*" + this.search().replace('(

But why is it after I passed this a as the options object into the datatable initialization as table = $('#example').DataTable( a ), this resolved to datatable object?

I thought this in the callback referred to the below object which was passed to the table initialization. I still don't get it why it's resolved to same as $(#example).dataTable().

var table = $('#example').DataTable();

var table = $('#example').DataTable( { "footerCallback": function( tfoot, data, start, end, display ) { var api = this.api(); $( api.column( 5 ).footer() ).html( api.colum

$('#example').DataTable( {

table = $('#example').DataTable();