Answers

• kthorngren Posts: 21,362Questions: 26Answers: 4,956

  March 2022

  A couple of suggestions:

  1. Use jQuery off() and .on() instead of unbind and bind.
  2. Have you looked at using searchDelay instead?

  Kevin
• apfanz Posts: 11Questions: 3Answers: 0

  March 2022

  1) I tried using off() and on() at http://live.datatables.net/vebiqoxa/1/edit but it doesn't seem to make any difference
  2) I have looked at searchDelay and experimented with it but am unsure of the exact time I should use as we have users who type both slowly and quickly
• kthorngren Posts: 21,362Questions: 26Answers: 4,956

  March 2022

  Looks like there is a timing issue with adding the Search element to the DOM and immediately trying to access it. Move the code into initComplete like this:
  http://live.datatables.net/vebiqoxa/1/edit

  Kevin
• apfanz Posts: 11Questions: 3Answers: 0

  March 2022

  I could not find the initComplete function in the code at http://live.datatables.net/vebiqoxa/1/edit. Perhaps it is in another link?
• kthorngren Posts: 21,362Questions: 26Answers: 4,956

  March 2022 Answer ✓

  Here is the code:

  $(document).ready( function () {
    var oTable = $('#example').DataTable({
      initComplete: function () {   // initComplete
        $('.dataTables_filter input')
        .off() // Unbind previous default bindings
        .on('input', (delay(function (e) { // Bind our desired behavior
          oTable.search($(this).val()).draw();
          return;
        }, 1000))); // Set delay in milliseconds
  
      }
    });
  } );
  

  Kevin
• apfanz Posts: 11Questions: 3Answers: 0

  March 2022

  Thanks Kevin. That worked!