Search

If the event is not attaching then that would suggest the #datatableSearch2 element is not in the DOM when trying to create the event handler. Or its removed and re-added which means the event handle

$('#datatableSearch2').on('keyup') attachable.

Maybe others on the forum knows but I'm not sure what some of you table data settings are like data-dt-search="#datatableSearch2".

false, targets: [0,8] }], }); $('#datatableSearch2').on('keyup', function() { if ($(this).val().length > 0) { listViewDatatable.search($(this).val()).draw();

I'm not one of the developers but I haven't heard of any compatibility issues with Editor and the version of jQuery. Did you roll back to jQuery 1.x as a test to see if the issue remains? When you …

$('#data tbody').on('click', '.grupa_usera_button', function() { alert('Test test'); });

$('#data').DataTable( {

$(document).ready(function() { $('#data').DataTable( { "ajax": '/api/data', columns: [ {data: 'first_name'}, {data: 'second_name'}, {data: 'date', searchable: true},

I ask you to refer to the JSfiddle, since it is my latest code.

https://datatables.net/blog/2016-03-25#DataTables-Javascript

$("#datatable").DataTable(), $("#datatable-buttons").DataTable({

$("#datatable").DataTable(), $("#datatable-buttons").DataTable({

() { var table = $('#data').DataTable({ ajax: '/api/serveHaros', serverSide: true, columns: [ { "className": 'details-control',

var dataTable = $("#dataTable").removeAttr('width').DataTable({ data: data, autoWidth: false, columns: [ { data: 'StatusString', name: 'StatusString', title

} $(document).ready(function () { $('#data').DataTable({ "pageLength": 25, responsive: true, columns: [ {data: 'null', className: "dt-control", orderable

$(document).ready(function () { $('#data').DataTable({ "pageLength": 25, responsive: true, ajax: '/api/data', columns: [

responsive: true, }); $('#DataTables_Table_0_filter label input').addClass('border-gray-300 focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 roun

function showData(dataArray){ $(document).ready(function(){ var table = $('#data-table').DataTable({ data: dataArray, //CHANGE THE TABLE HEADINGS BELOW TO MATCH WITH YOUR SE

table: "#datatable", formOptions: { main: { focus: 1, // Initial focus on title_body input field. onBackground: 'none' // Do not clos

I am clearing out a table with $('#data-table').DataTable().clear().draw(); but when I do the table still displays the search box, and does NOT display the emptyTable string.