title: table header fixed on scroll down
body: <p>I have a table with header on it. I need the header to be fixed when the user scrolls the table data.</p>
  
  <p>my table is as follows</p>
  
  <pre><code>&lt;div style="height: 300px;overflow: auto"&gt;
      &lt;table&gt;
         &lt;thead&gt;
             &lt;tr&gt;
                  &lt;th&gt; Nr. &lt;/th&gt;
                  &lt;th&gt; Name &lt;/th&gt;
                  &lt;th&gt; Status &lt;/th&gt;
                  &lt;th&gt; Date &lt;/th&gt;
             &lt;/tr&gt;
         &lt;/thead&gt;
         &lt;tbody&gt;
             &lt;tr&gt;
             &lt;?php  while($record = odbc_fetch_array($result)) { ?&gt;
                         &lt;td&gt; &lt;?php echo$record['Nr']; ?&gt;&lt;/td&gt;
                         &lt;td&gt; &lt;?php echo$record['Name']; ?&gt;&lt;/td&gt;
                         &lt;td&gt; &lt;?php echo$record['Status']; ?&gt;&lt;/td&gt;
                         &lt;td&gt; &lt;?php echo$record['Date']; ?&gt;&lt;/td&gt;
  
            &lt;?php }?&gt;
            &lt;/tr&gt;               
        &lt;/tbody&gt;
  &lt;/table&gt;
  &lt;/div&gt;    
  </code></pre>
  
  <p>Let me know if you need more information.</p>