title: How to place DataTables column filter on top
body: <p>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 footer only.  I want to place in the header</p>
  
  <pre><code>    $(document).ready(function () {
  var  oTable=$("#example").dataTable({
         "bJQueryUI": true,
          "sScrollX": "100%",
          "aLengthMenu": [[5, 15, 50, 100], [5, 15, 50, "l00"]],
          "iDisplayLength": 10,
           "sPaginationType": "full_numbers",
          "sDom": '&lt;"top"if&gt;rt&lt;"bottom"lp&gt;&lt;"clear"&gt;'
  
      }).columnFilter({"sPlaceHolder":"head :before",
      "aoColumns": [{ "type": "text" }, { "type": "text" }, null, null, null, null, { "type": "text" }, null, { "type": "text" }, { "type": "text" }, { "type": "text" },
  </code></pre>
  
  <p>How can I place it on the top of my table?</p>