title: Fixed first row in a table
body: <p>I have a website that is created by a software. On the page I have a table like this:</p>
  
  <pre><code>&lt;table&gt;
      &lt;tbody&gt;
          &lt;tr id="header"&gt;
              &lt;th&gt;Header1
              &lt;th&gt;Header2
              &lt;th&gt;Header3
          &lt;tr&gt;
              &lt;td&gt;Info1
              &lt;td&gt;Info2
              &lt;td&gt;Info3
          &lt;tr&gt;
              &lt;td&gt;Info4
              &lt;td&gt;Info5
              &lt;td&gt;Info6
  </code></pre>
  
  <p>Don't ask me how it works without the closing tags but it does. What I want to do is have the first row "<code>&lt;tr id="header"&gt;</code>" fixed when I scroll down the page or even within the page if possible.</p>
  
  <p>I found many solutions but they were asking for <code>&lt;thead&gt;</code> and all that, but I can only work with what I have...</p>
  
  <p>I'm pretty sure jQuery can do this but I'm just starting out with Jquery...</p>