title: Need Header row to show when scolling down page
body: <p>I don't know what it is called when referencing CSS but in Excel, you can freeze panes (e.g. the header row) so that when you scroll down, you can still see the column headings of the data you are looking at.  On my web page, I have a grid-like data.  Is there something I can use to keep that data put <strong><em>OR</em></strong> do I just have to make two separate tables and work on getting the alignment of the first and 2nd table to line up?</p>
  
  <p>I'm open to jQuery plugin or plan old js solutions, too.</p>
  
  <p>I've added some code to assist:</p>
  
  <pre><code>&lt;table border="1" class="usertablex" width="100%"&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Name&lt;/th&gt;
              &lt;th&gt;City&lt;/th&gt;
          &lt;/tr&gt;
          &lt;/thead&gt;
      &lt;tbody style="height:20px;overflow:scroll;"&gt;
          &lt;tr class="subtext"&gt;
              &lt;td class="Dwidth175"&gt;John Silva&lt;/td&gt;
              &lt;td class="Dwidth80" align="center" &gt; New York&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr class="subtext"&gt;
              &lt;td class="Dwidth175"&gt;John Thomas&lt;/td&gt;
              &lt;td class="Dwidth80" align="center" &gt; New York&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr class="subtext"&gt;
              &lt;td class="Dwidth175"&gt;Xris&lt;/td&gt;
              &lt;td class="Dwidth80" align="center" &gt; New York&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr class="subtext"&gt;
              &lt;td class="Dwidth175"&gt;Bob Denver&lt;/td&gt;
              &lt;td class="Dwidth80" align="center" &gt; New York&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>