Answers

• allan Posts: 63,523Questions: 1Answers: 10,473 Site admin

  February 2018 Answer ✓

  This is the code that I use for that page:

  
          var search = $(
              '<div class="ref_field">'+
                  '<div class="ref_label">Group:</div>'+
                  '<div class="ref_input"></div>'+
              '</div>'
          ).appendTo( 'div.ref_search' );
  
          ref_table.column(0).data().unique().each( function (item, i) {
              var input = search.find('div.ref_input');
  
              input.append(
                  $('<a class="site-btn btn-inline small">'+item+'</a>')
                      .on( 'click', function () {
                          $(this).toggleClass('active');
                          
                          var items = input.find('.active').map( function () {
                              return $(this).text();
                          } ).toArray().join('|');
  
                          ref_table.column(0).search( items, true, false ).draw();
                      } )
              );
          } );
  

  The key is that you need to build a search term for the column().search() call.

  Allan
• mbaas Posts: 67Questions: 24Answers: 1

  February 2018

  Cool - thanks very much. I think I may actually be able to get something going with that! ;-)
• pravindia Posts: 7Questions: 1Answers: 0

  March 2019

  What is value of ref_table?
• allan Posts: 63,523Questions: 1Answers: 10,473 Site admin

  March 2019

  Its an API instance - e.g.:

  var ref_table = $('#myTable').DataTable();
  

  Allan