title: Table header and body are not getting aligned properly when table header freezed using CSS
body: <p>I have a table of the following format when i m trying to fix its head using the following css, I m losing the alignment , the table header and body are not getting aligned properly..What can I do to overcome this..</p>
  
  <pre><code>#ex_table
  {
  
  table-layout: fixed !important;
  }
  
  #ex_table thead tr
  {
  position: fixed !important;
  
  }
  </code></pre>
  
  <p>Here is the HTML part</p>
  
  <pre><code>&lt;div class="table_div" style="height:400px;width:98%;overflow:scroll"&gt;
  &lt;table  id="ex_table"&gt;
  /*thead and tbody populated dynamically via jquery datatables*/
  &lt;tfoot id="ex_footer"&gt;
  &lt;tr&gt;
  &lt;th&gt;&lt;/th&gt;
  &lt;th&gt;&lt;/th&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;
  </code></pre>