Answers

• allan Posts: 63,498Questions: 1Answers: 10,470 Site admin

  July 2023

  Looks like you've created your own input element. That's absolutely fine, you just need to add an event listener to it (keyup and input would do), and then call the search() method with the input value.

  Allan
• wfa Posts: 3Questions: 1Answers: 0

  July 2023

  Thanks for the reply
  But doesn't this search works on the resulting table locally?
  It will not fetch new data as I type in the main #searchbar input box.
  Do you have an existing web page where this idea is implemented?
• colin Posts: 15,240Questions: 1Answers: 2,599

  July 2023

  This is what Allan meant - please see example here.

  As you've added your own input for the filtering, you need to add code/events to search when strings are entered:

  $('#custom').on('keyup', function() {
    table.search($('#custom').val()).draw();
  })
  

  Colin
• allan Posts: 63,498Questions: 1Answers: 10,470 Site admin

  July 2023

  Do you mean you need to Ajax fetch new data on each key press? If so, make your Ajax call to get the new data based on to the search value and use clear() and then rows.add() to clear and then add the new data to the table.

  Allan