JQuery DataTable Column Filter - select dropdown filter

At the moment, I'm trying to use a dropdown list to filter my table (I'm using Datatable plugin)

This is my code :

         $('#tableID').dataTable()
   .columnFilter({
  aoColumns: [ 
  { type: "text" },
  { type: "number" },
  { type: "select", values: [ 'Identify Proposal', 'Define Proposal',  'Evaluate', 'Pending Proposal', 'Approval']  },
  { type: "select", values: [ 'Identify Proposal', 'Define Proposal',  'Evaluate', 'Pending Proposal', 'Approval']  },
  { type: "text" },
  null,
  null,
  null,
  null,
  null,
  null,
  null,
  null
]
});
      }); 

What I'm trying to do is to get my table to have a drop-down filter :

But for some reasons it's not doing what it should. I don't know what I did wrong. This is the link to my table :


ANSWERS:


Maybe you've to add a type of filter for each column (13 in total). Something like this:

var path = "lib/test.csv" ;
      d3.text(path, function (datasetText) {
      var rows = d3.csv.parseRows(datasetText);
      var tbl = d3.select("#container")
          .append("table")
          .attr("id","tableID");
      // headers
      tbl.append("thead").append("tr")
        .selectAll("th")
        .data(rows[0])
        .enter().append("th")
        .text(function(d) {
            return d;
        });
       // data
      tbl.append("tbody")
        .selectAll("tr").data(rows.slice(1))
        .enter().append("tr")
        .selectAll("td")
        .data(function(d){return d;})
        .enter().append("td")
        .text(function(d){return d;})

 });

 $('#tableID').dataTable().columnFilter({
    sPlaceHolder: "head:before", 
    aoColumns: [ 
        { type: "text" },
        { type: "number" },
        { type: "select", values: [ 'Identify Proposal', 'Define Proposal',  'Evaluate', 'Pending Proposal', 'Approval']  },
        { type: "select", values: [ 'Identify Proposal', 'Define Proposal',  'Evaluate', 'Pending Proposal', 'Approval']  },
        { type: "text" },
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null
    ]
})


 MORE:


 ? Use DatePicker to filter DataTable
 ? jQuery datatables - Filter by select input when input has html/images inside <td></td>
 ? How to disable searching in specific DataTable columns?
 ? DataTables Buttons + Column Filtering with Dropdown
 ? Custom filtering With Button for Datatable
 ? jQuery Datatables filter Column containing dropdowns on text not value.
 ? dropdown load on selection of other dropdown
 ? Polymer: selected item not showing up in paper-listbox
 ? Multiselect using semantic dropdown
 ? Multiple dropdown menu's pure javascript show/hide