How to hide input fields for certain columns in DataTables?

You can use the following

<td style="display:none">your html here</td>

along with

$('#your_table').DataTable( {
        "columnDefs": [
            {
                "targets": [ column_number_you_want_to_hide ],
                "visible": false,
            },
          ]
});

Know that column numbers start from 0 and not 1.

Problem solved with this code http://live.datatables.net/yaxusisi/1/edit

$(document).ready(function() {

   // Create the DataTable
   var table = $("#example").DataTable({
     orderCellsTop: true,
    initComplete: function() {
    var table = this.api();

  // Add filtering
  table.columns([1,2]).every(function() {
    var that = this;

    // Create the `select` element
    var input = $('<input type="text" />')
      .appendTo($("thead tr:eq(1) td").eq(this.index()))
      .on("keyup", function() {
        that.search('^' + $(this).val() + '$', true, false).draw();
      });        
  });

  displaySearch();

}
 });
  });