Search

$('#example').DataTable( { ajax: { url: "../php/staff.php", type: "POST" }, serverSide: true, ... } );

$(document).ready(function() { var oTable = $('#example').DataTable( { "fnRowCallback": function( nRow, aData, iDisplayIndex ) { $(nRow).attr({"on

$(document).ready( function() { var oTable = $('#example').dataTable( { "bProcessing": true, "bServerSide": true, "sAjaxSource": "test_lis

$(document).ready(function() { $('#example').dataTable( { "scrollY": "400px", "paging":false, "bServerSide":false,

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

jQuery(document).ready(function() { jQuery('#example3').dataTable({ "bLengthChange": false, "bPaginate": false, "scrollY": 500, "scrollX": true, }); } );

$('#example').DataTable( { serverSide: true, ajax: '/data-source' } );

$(document).ready(function() { var oTable; $('#example tfoot th').each( function () { var title = $('#example thead th').eq( $(this).index() ).text(); $(this).

$('#example').dataTable( { "ajax": { "url": "data.json", "data": function ( d ) { d.extra_search = $('#extra').val(); } } } );

$('#example').dataTable( {

$('#example').DataTable( {

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

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

$(document).ready(function() { // Setup - add a text input to each footer cell $('#example tfoot th').each(function() { var title = $('#example thead th').eq($(this).index

true, table: "#example", fields: [ { label: "ID:", name: "ID"

$('#example').DataTable( { stateSave: true, stateSaveCallback: function ( settings, state ) { localStorage.setItem( 'commonTable', JSON.stringify( data ) ); }, stateLoadCallback: function

oTable = $('#example').dataTable({}); but the detail button only works with oTable = $('#example').DataTable({});

$(document).ready(function() { $('#example').dataTable( { "processing": true, "serverSide": true, "ajax": { "url": "

$('#example').dataTable( {

$(document).ready(function() { $('#example').DataTable( { responsive: { details: { type: 'column', target: 'tr' } },