title: make 1 Row of a table fixed
body: <p>i have a HTML table in which i want to make 1st Row fixed while i scroll, I'm able to make fixed Header Row but i also wanted my 1st Row of my table also be stay fixed. Its been 2 days I'm trying' with no success. Anybody out there had run into this kind a problem ?</p>
  
  <pre><code>&lt;table&gt;
     &lt;thead&gt;
        &lt;tr&gt;
           &lt;th&gt;Header 1&lt;/th&gt;&lt;th&gt;Header 2&lt;/th&gt; // this i have fixed already
        &lt;/tr&gt;
     &lt;/thead&gt;
     &lt;tbody&gt;
        &lt;tr&gt;....&lt;/tr&gt; // this row i want to make fixed while i scroll.
        &lt;tr&gt;....&lt;/tr&gt;
     &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p><a href="http://jsfiddle.net/fosterz/zfUr8/" rel="nofollow"><strong>JSFiddle</strong></a> till now i'hv got this from net</p>