title: DataTables Column Filter Add-on displaying, but output is not filtered
body: <p>i have just added DataTables Column Filter Add-on to my datatable, it shows the columns search fields on the footer. But if i type in the the "Processing" is done for a short time but the results is not updated. i.e filtered.</p>
  
  <p>I am using codeIgniters ignitedDatatables in the backend. Everything else works fine (pagination,global search on top right,)
  I found no clue on the net whether i need to configure something else in order for the filter to work.</p>
  
  <p>Here is my view-</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
      &lt;link rel="stylesheet" type="text/css" href="http://localhost/eshop/css/admin/style.css" /&gt;
  
      &lt;script type="text/javascript" language="javascript" src="&lt;?php echo base_url() ?&gt;js/jquery-1.8.2.min.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" language="javascript" src="&lt;?php echo base_url() ?&gt;js/jquery.dataTables.min.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" language="javascript" src="&lt;?php echo base_url() ?&gt;js/jquery.dataTables.columnFilter.js"&gt;&lt;/script&gt;
  
  
      &lt;link rel="stylesheet" type="text/css" href="&lt;?php echo base_url() ?&gt;css/jquery.dataTables_themeroller.css"/&gt;
  
      &lt;link rel="stylesheet" href="http://localhost/eshop/css/admin/smoothness/jquery-ui-custom.css"/&gt;
  
      &lt;script&gt;
  
          $(document).ready(function() {   
              $('#data_table').dataTable( {
                  "bProcessing": true,
                  "bServerSide": true,
                  "bJQueryUI": true,           
                  "sPaginationType": "full_numbers",
                  "sAjaxSource": "&lt;?php echo base_url() ?&gt;grid/getCustomers"
              } ).columnFilter(
              {
                  aoColumns: [
                      {
                          type: "number"
                      },
                      {
                          type: "text",
                          bRegex: true,
                          bSmart: true
                      },
                      null
                  ]
              }
          );
  
          } );
  
      &lt;/script&gt;
  
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div class="widget_body"&gt;
          &lt;table id="data_table" class="data_table"&gt;
              &lt;thead&gt;
                  &lt;tr&gt;
                      &lt;th&gt;ID&lt;/th&gt;
                      &lt;th&gt;First Name&lt;/th&gt;
                      &lt;th&gt;Last Name&lt;/th&gt;
                  &lt;/tr&gt;
              &lt;/thead&gt;
              &lt;tbody&gt;
                  &lt;tr&gt;
                      &lt;td&gt;&lt;/td&gt;
                      &lt;td&gt;&lt;/td&gt;
                      &lt;td&gt;&lt;/td&gt;
                  &lt;/tr&gt;
              &lt;/tbody&gt;
              &lt;tfoot style="background-color: whitesmoke;"&gt;
                  &lt;tr&gt;
                      &lt;th&gt;&lt;/th&gt;
                      &lt;th&gt;&lt;/th&gt;
                      &lt;th&gt;&lt;/th&gt;
                  &lt;/tr&gt;
              &lt;/tfoot&gt;
          &lt;/table&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p></p>
  
  <p>My control</p>
  
  <pre><code>//display
  public function index()
  {
      $this-&gt;load-&gt;view('datatableview');
  }
  
  //ajax request handler
  public function getCustomers()
  {
      $this-&gt;load-&gt;library('datatables');
  
      $this-&gt;datatables-&gt;select('id,first_name,last_name')
              -&gt;from('data_table');
      echo $this-&gt;datatables-&gt;generate();
  
  
  }
  </code></pre>
  
  <p>As I said earlier 2 input boxes appear at the bottom of ID and first name but i cant see change of display once i type into the boxes</p>
  
  <p>If i type = "Bjo" in the 2nd column's input box the get request from firebug i found is</p>
  
  <pre><code>_=1354249241305
  bRegex=false
  bRegex_0=false
  bRegex_1=true
  bRegex_2=false
  bSearchable_0=true
  bSearchable_1=true
  bSearchable_2=true
  bSortable_0=true
  bSortable_1=true
  bSortable_2=true
  iColumns=3
  iDisplayLength=10
  iDisplayStart=0
  iSortCol_0=0
  iSortingCols=1
  mDataProp_0=0
  mDataProp_1=1
  mDataProp_2=2
  sColumns=
  sEcho=22
  sRangeSeparator=~
  sSearch=
  sSearch_0=
  sSearch_1=Bjo
  sSearch_2=
  sSortDir_0=asc
  </code></pre>
  
  <p>The response is found</p>
  
  <pre><code>{"sEcho":22,"iTotalRecords":30,"iTotalDisplayRecords":30,"aaData":[["1","Shabab","Haider"],["2","Anas","Numan"],["3","Bjoy","Manik"],["4","Bjoy","Manik"],["5","Bjoy","Manik"],["6","Bjoy","Manik"],["7","Bjoy","Manik"],["8","Bjoy","Manik"],["9","Bjoy","Manik"],["10","Bjoy","Manik"]],"sColumns":"id,first_name,last_name"}
  </code></pre>
  
  <p>Edit: Its been a while since i used that add on. I created a branch with my filtering codes in github. but it needs some testing. I would test it myself when i get the time- meanwhile if someone wants to be a dear and do it for others- </p>
  
  <pre><code>https://github.com/shababhsiddique/Ignited-Datatables/blob/Branche_Column_Filter/application/libraries/Datatables.php
  </code></pre>
  
  <p>Here is the actual code I used long time ago. Its very old check out if it works with your version</p>
  
  <pre><code>https://drive.google.com/file/d/0BzKzAVzAWPRgcmNCbGhnU3pqaW8/view?usp=sharing
  </code></pre>