Search

$('#myTable').DataTable( { buttons: [ 'pdfHtml5' ] } );

$(document).ready( function () { $('#mytable1').DataTable( { searchPane: true, stateSave: true } ); } );

var DataTable = $("#myTable").DataTable(...);

var table_a = $('#mytableA').DataTable({ }); var inTable_editor_table_a_x = $('#mytableA').on('click', 'a.select_x', function (e) { e.preventDefault(); var hostRow = $(this).c

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

var table = $('#mytable').DataTable( { dom: "rt", ajax: { url: "/source.php", type: "POST", data: function (d) {

$('#myTable').on( 'click', '.edt', function (event)

var table = $('#myTable').DataTable(); console.log(table.columns().names())

But you initialized one on #staff and other on #myTable. I had to quickly glance at examples to be sure they could be done on same id. Such things can confuse a newbie.

$("#myTable").DataTable({

$('#myTable').DataTable( { serverSide: true, ajax: { url: '/api/data', dataFilter: function(data){ var json = jQuery.parseJSON( data ); json.recordsTota

table#myTable.dataTable tbody tr.Highlight_inUse > .sorting_1 { background-color: #ffa; } table#myTable.dataTable tbody tr.Highlight_inUse { background-color: #ffa; }

$("#mytable").DataTables({ ajax: { url: [api url], dataSrc: [data source or blank] }, columns: [ etc... ] });

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

var table = $('#myTable').DataTable({ fixedHeader: true, "pageLength": 50, language: { s

$('#myTable tbody').on('dblclick', '.testTd', function () { debugger; newInput(this); });

$(document).ready(function () { var token = $('[name=__RequestVerificationToken]').val(); var oTable = $('#myTable').DataTable({ "ajax": {

$tableSelector.columns().each( function () { var column = this; $("#myTableID thead tr th:nth-child(" + column.index() + ")").each(function () { console.log( $(t

//var token = $('[name=__RequestVerificationToken]').val(); //jQuery DataTables initialization var oTable = $('#myTable').DataTable({ "ajax": {

var oTable = $('#myTable').DataTable({