title: How can we change width of search fields in DataTables
body: <p>Can I change the width of search text fields in dataTables ? </p>
  
  <p>I am writing following code right now but it is not working.</p>
  
  <pre><code>$('#example').dataTable()
            .columnFilter({   sPlaceHolder: "head:before",
                      aoColumns: [    { type: "text",width:"10px" },
                                  { type: "date-range" },
                                                  { type: "date-range" }
                          ]
  
          });
  </code></pre>
  
  <p>And if my dataTables is dynamically generated like as gven below:</p>
  
  <pre><code>$('#example').dataTable({
                                  "aaData": aDataSet,
                                  "aoColumns": [
                                      { "sTitle": "#","sWidth": "10px" },
                                      { "sTitle": "ID" },
                                      { "sTitle": "Staff Name" },
                                      { "sTitle": "Rig Days" },
                                      { "sTitle": "Manager"},
                                      { "sTitle": "Grade"},
                                      { "sTitle": "Tools"},
                                      { "sTitle": "Vacations"},
                                      { "sTitle": "Presently On"},
                                      ]
                              });
                              }
  </code></pre>
  
  <p>How to add Search field in this dynamically created DataTable to search by each column?</p>