Search

$(#tableid tbody).on('click', 'tr td', function(e) {

$('#tableID').dataTable({

$('#table_avail_attr_val tbody').one('click', '.chkClickable', function (e) {

.... columns: [ {"data": "id"}, {"data": "employee_id"}, {"data": "first_name",

!== null){ $('#table_a'+i).DataTable({ language: { url: "{{ asset('demo1/plugins/custom/datatables/dataTables.

$('#table_a'+i).DataTable({ language: { url: "{{ asset('demo1/plugins/custom/datatables/dataTables.id.json') }}" }, "dom": "ltip", "pageLengt

Have you tried adding nowrap to the table tag. See the styleing docs for details.

let table = $('#table_users').DataTable ({ ajax: { url: '$url', type: 'POST', data: { status: 'all' }, dataSrc: ''

$('#table-info-row #results-table_info, #table-info-row .dt-buttons, #results-table thead').show();

} ], dom: '<"#table-info-row.w-100 d-flex justify-content-start"i>tr', fixedHeader: true, drawCallback: ((settings) => {

editor = new $.fn.dataTable.Editor({ ajax: 'config_clientsVersion2.txt', table: "#table", fields: [ { label: "G Number:", name: "g

}); } }); $('#Table').on('click', 'tbody td', function (e) { if ($(this).index() == 4 || $(this).index() == 13) { // if its a column i

var dTable = $('#tablename').dataTable();

$('#table_id').on( 'click', 'tbody tr', function () { var myTable = $('#table_id').DataTable(); myTable.row( this ).edit(); } );

I would move line 59 (var myTable = $('#table_id').DataTable();) inside your click event.

var JsonObject; var employees = []; $('#table_id').DataTable({ dom: 'frtBip', select: "multi", ajax: { url: "RestAPI call"

Thanks for pointing out the #table1 part, that would've definitely been a problem.

Your table has id="table1 so your selector to initialize Datatables needs to use jQuery ID selector. Something like this $('#table1').DataTable();.

$(document).ready(function() { $('#tableItems').DataTable(); } );

$(document).ready(function () { $('#table_id').DataTable({ processing: true, serverSide: true, ajax: 'bast-data.php', columnDefs: [