title: How to add dropdown filter on jquery datatables plugin on single column?
body: <p>I want to add a drop-down filter on <code>dataTables</code>, only on a single column.
  I have added the below code, but it add drop-downs on <strong>all</strong> columns:</p>
  
  <pre><code>$('#dataTables-example').DataTable({
      responsive: true,
      "pageLength": 100,
      "lengthMenu": [100, 250, 500, "All"],
      initComplete: function () {
          this.api().columns().every( function () {
          var column = this;
          $('#dataTables-example .head .head_hide').html('');
  
          var select = $('&lt;select id="formfilter" class="filterdropdown"&gt;&lt;option value=""&gt;'+$(column.header()).text()+'&lt;/option&gt;&lt;/select&gt;')
              .appendTo( $(column.header()).empty())
              .on( 'change', function () {
                  var val = $.fn.dataTable.util.escapeRegex(
                      $(this).val()
                  );
                  column
                      .search( val ? '^'+val+'$' : '', true, false )
                      .draw();
              });
  
          column.data().unique().sort().each( function ( d, j ) {
              select.append( '&lt;option value="'+d+'"&gt;'+d+'&lt;/option&gt;' )
          });
      }); 
  });
  </code></pre>