title: JS Datatables - filtering table from combo box in header
body: <p>I have the following datatable which uses the js datatable plugin from <a href="https://datatables.net/" rel="nofollow noreferrer">https://datatables.net/</a></p>
  
  <p><a href="https://i.stack.imgur.com/OT9iB.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/OT9iB.png" alt="TracerDataTable"></a></p>
  
  <p>The datatable is set using the following JS:</p>
  
  <pre><code>$(document).ready(function () {
      $('#tracerTable').DataTable({
          "bInfo": false,
          "order": [[2, "desc"]], //order by date created
          "aoColumnDefs": [
              { aTargets: [3], "bSortable": false },
              { aTargets: [4], "bSortable": false },
              { aTargets: [5], "bSortable": false }
          ]
      });
  }
  </code></pre>
  
  <p><strong>Question:</strong>
  Is it possible to update the JS to allow me to filter on the 'Type' column using a dropdown with tickbox options within in the table header (just like the filter option in excel - see image below). I would want this for selecting Water and Oil Tracers, but not showing Gas tracers. </p>
  
  <p><a href="https://i.stack.imgur.com/PgHvi.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/PgHvi.png" alt="ExcelExample"></a></p>
  
  <p>If this is not possible within the datatable plugin, can anyone suggest a plugin which would provide this functionality? </p>