How to place DataTables column filter on top

Question

I am using jQuery DataTables latest version. I want to use individual column filter on every table so am using the column filter plugin but am getting search boxes in foote

Answer 1

Use the sPlaceHolder option :

sPlaceHolder: "head:before"

example :

dataTable.columnFilter({
  sPlaceHolder: "head:before",
  aoColumns: [
      { type: "select" },  
      { type: "select" },        
      { type: "select" },  
      { type: "select" },  
      { type: "select" }
  ]
});

see demo -> http://jsfiddle.net/JNxj5/