Answers

• DirceuNazareth Posts: 44Questions: 1Answers: 12

  October 2016 Answer ✓

  By coincidence I did something very similar!
  I have a network map drawing with JSPlumb (similar to d3) and when some elements are clicked a update my DataTable.
  To accomplish that you need to see which are the API that best suit for your use case:

  How are you binding your clicks in the objects inside of the canvas?
  Take a look in the API of dataTable that can filter data:
  column().search(), should do the job for you (it is name search, but acts as filter)

  var table = $('#example').DataTable();
   
  // #column3_search is a <input type="text"> element
  $('#column3_search').on( 'keyup', function () {
      table
          .columns( 3 ) //here is the collumn that holds  the zip info
          .search( this.value ) //<<<< Here you can insert the zip code that you want to filter
          .draw();
  } );