Search

var table = $('#table').DataTable( { dom: 'Bfrtilp', processing: true, serverSide: true, responsive: { details: { renderer: function ( api,

I finally solved!, I use: table.columns.adjust(); before this line: table = $('#table').DataTable(dataTable);

{ try { $('#table_id').DataTable({ "pageLength": 15, "dom": 'Bfrtip', "buttons": [ {extend: 'searchBuilder',

var table_customer = $('#table_customer').DataTable({ "dom": "ltip", "colReorder": true, "bAutoWidth": false, 'processing': true

They both have different id's, as in id="tableOne" or id="tableTwo". Then, I pass that to the SearchBuilder / javascript as #tableOne and #tableTwo.

var tbl = $("#table").DataTable({ data: data, pageLength: 100, scrollX: true, processing: true, "language": {

(xlsx) { addSheet(xlsx, '#table1', null, 'sheet2', '2'); var sheet = xlsx.xl.worksheets['sheet1.xml']; //addSheet(xlsx, '#example2', null, 'sh

var dataTable = $('#table-id').DataTable({ select: 'multi', dom: 'lfrtBip', "paging": true, // false to disable pagination (or any other option) "ordering": false

$("#table_id").find("thead").on('click', 'th', function () { $.ajax({ url: `https://run.mocky.io/v3/4b0b592a-d822-4b35-bce6-5e2aee8bf3ad?pagedata?`, type: "G

$('#Table3').DataTable({

$(document).ready( function () { var table = $('#table_id').DataTable({ "dom": 'R<"clear">lBfrtip', "lengthMenu": [10, 25, 50, 75, 100],

$.fn.dataTable.Responsive.defaults.details.renderer.tableClass = "table"; /* I tried */ $("#table_test").DataTable({ responsive: { details: {

let tableDeveloper = $('#tableDeveloper').DataTable({ ajax : { url : 'text.txt', dataType: "json", dataSrc : function(json) { console.log(json)

= results[project].owner; $("#table_body").append(""+project_name+""); $("#table_body").append("Released by "+project_owner+&

function getRowData(){ var table = $('#tableId').DataTable(); var data_row = table.row($(this).closest('tr')).data(); console.log(data_row); // data_row is undefined }

Typically it's "table: '#table'", but my table is in an editor form.

$("input").keyup(function() { if (this.value == '') { $("#tableInfo").hide(); } else { $("#tableInfo").show(); } });

$("input").keyup(function(){ var info = table.page.info(); if(info.recordsDisplay !==info.recordsTotal){ $('#tableInfo').hide(); }else $('#tableInfo').show(); });

$("input").keyup(function(){ var info = table.page.info(); var info2 = table.pages.info(); if(info !==info2){ $('#tableInfo').hide(); }else $('#tableInfo').show(); });

$('#Table_name').DataTable( { stateSave: true });