Search

var table = $('#myTable').DatatTable({ ajax: { url: myInitialUrl }....});

dt = $('#mytable').DataTable(....) //table initialization including searchBuilder: true

function autoAdjustColumns(table) { var container = table.table().container(); var resizeObserver = new ResizeObserver(function () { table.columns.adjust(); }); resizeObserver.

$('#my_table').on( 'click', 'tbody td i', function (e) { e.stopImmediatePropagation(); // stop the row selection when clicking on an icon editor.bubble( $(this).parent() ); } )

$('#myFavorites thead th').on('click', function() {

downloadHistoryTable = $('#myFavorites').DataTable({ responsive: true, processing: true, serverSide: true, renderer: "bootstrap", pagingType: "f

$('#MyTable_processing').show();

var results = sql.query('select * from users'); let table = new DataTable('#myTable', { data: results }); // or for an existing table table.clear().rows.add(results);

//let aMySub = $("#mySub").attr('data-click-state'); //let aUsergroup = $(this).attr('data-click-state') return $.extend({}, d, {

$('#myInputTextField').on( 'keyup', function () {

$('#myTable').DataTable().columns().every( function () { let that = this; $( 'input', this.footer() ).on( 'keyup change', function () { columnIdx = that[0]; if ( that.sea

{ mData: 'STATUS' } ] }); $('#myTable1').DataTable() .column(5) .search("Niet toegewezen").draw(); $('#myTable2').DataTable() .column(5) .search('Toegewezen').draw(); $('#

$(document).ready(function() { var table = $('#myTableList').DataTable({ dom: 'QBlfrtip', searchBuilder:{ columns: [ {

For $('#myTable').on('column-reorder') to work I believe you need to ad the dt namespace as described in the events docs, for example: $('#myTable').on('column-reorder.dt').

$('#myTable').DataTable( { colReorder: true } ); $('#myTable').on('column-reorder', function (e, settings, details) { alert('column changed') });

() { var gotID = $('#myClipboard').attr('data-crid'); return gotID; }, message: function () {

$(document).ready(function () { $('#mytable').DataTable({ 'data': data, 'columns': [ { 'title': 'ID',

$(document).ready(function() { var currPageStartOfFunction = 0 var table = $('#my-table').DataTable( { ajax: { serverSide: true, processing: true, p

$(document).ready(function() { $('#myTable').DataTable({ columnDefs: [ { targets: 2, render: DataTable.rende

var table = $('#my_table').DataTable({ ajax: { url: '/my/api/endpoint', type: 'GET' columns: [ { data: 'column1', title: 'Column 1' }, {