Search

var myTable = $('#myTable').dataTable({

var myTable = $('#myTable').dataTable({

var table = $("#myDataTable").DataTable({ dom:'<"toolbar">lBfrtip', destroy: true, stateSave: true, buttons: [ { extend: 'excel',

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

var table = $('#myTable').DataTable(); var data = table.buttons.exportData( { format: { header: function ( data, columnIdx ) { return columnIdx +': '+ data; } } }

$(function() { $('#mySlowTable').load("yourTableFile.php"); }); <div id="mySlowTable"> Your loading image here </div>

$('#myTable').DataTable( {

function filterBoth () { var searchTerm = $('#trm').val().toLowerCase(); var searchTermName = $('#trm2').val().toLowerCase(); $.fn.dataTable.ext.search.push(function(settings,

$('#myTable').DataTable({ fixedHeader: { headerOffset: 75 } )

$(document).ready(function () { $('#myDataTable').DataTable({ "scrollY": 500, "scrollX": true, "scrollCollapse": true,

$(document).ready(function(){ $('#myTable').dataTable({ }); }) <table id="myTable" data-turbolinks="false"> /* Insert table content... */ </table>

'£') ]; $('#myTable').dataTable({ ... columns: [ { 'render':renderers[0], ... }, { 'r

$('#myTable').DataTable({ "stateSave": true, "searchHighlight": true, "autoWidth": true, "responsive": true, d

$('#myTable').DataTable({ "stateSave": true, "searchHighlight": true, "autoWidth": true, data: data, columns: columns,

$('#myInput').on('keyup', function() { table.search($(this).val()).draw(); })

$('#myTable').on( 'click', 'tbody tr', function () { table.row( this ).select(); } );

// The IIFEs are used just for // simulating the real scenario. (function() { // Initializing DataTables // this is in a local scope in somewhere var dt = $('#my_table').dataTable({

} }, table: "#myTable", idSrc: "id", fields: [ { type: "readonly", label:

$.getJSON('/products', function(data){ table = $("#myTable").DataTable({ "data": data, "columns": [ {

$('#myTable').DataTable({ slidingChild: { source: function(parent, response) { $.get('/Child/GetByParentId/' + parent.data('id'), response); } } });