title: Big table navigation - how to control the headers
body: <p>I have table like this: <a href="http://jsfiddle.net/A34tH/1/" rel="nofollow noreferrer">http://jsfiddle.net/A34tH/1/</a> </p>
  
  <pre><code>             &lt;table id="fixed_hdr2"&gt;
         &lt;thead&gt;
         &lt;tr&gt;
         &lt;th colspan="5" rowspan="2"&gt;&lt;/th&gt;
         &lt;th colspan="31"&gt;december&lt;/th&gt;&lt;/tr&gt;
          &lt;tr&gt;
                    &lt;th&gt;mon&lt;/th&gt;&lt;th&gt;th&lt;/th&gt;&lt;th&gt;we&lt;/th&gt;&lt;th&gt;tu&lt;/th&gt;&lt;th&gt;fr&lt;/th&gt;&lt;th&gt;sa&lt;/th&gt;&lt;th&gt;mon&lt;/th&gt;        &lt;th&gt;th&lt;/th&gt;&lt;th&gt;we&lt;/th&gt;&lt;th&gt;tu&lt;/th&gt;&lt;th&gt;fr&lt;/th&gt;&lt;th&gt;sa&lt;/th&gt;&lt;th&gt;mon&lt;/th&gt;&lt;th&gt;th&lt;/th&gt;&lt;th&gt;we&lt;/th&gt;&lt;th&gt;tu&lt;/th&gt;&lt;th&gt;fr&lt;/th&gt;&lt;th&gt;sa&lt;/th&gt;&lt;th&gt;mon&lt;/th&gt;&lt;th&gt;th&lt;/th&gt;&lt;th&gt;we&lt;/th&gt;&lt;th&gt;tu&lt;/th&gt;&lt;th&gt;fr&lt;/th&gt;&lt;th&gt;sa&lt;/th&gt;&lt;th&gt;mon&lt;/th&gt;&lt;th&gt;th&lt;/th&gt; 
      &lt;/tr&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;th&gt;02&lt;/th&gt;&lt;th&gt;03&lt;/th&gt;&lt;th&gt;04&lt;/th&gt;&lt;th&gt;05&lt;/th&gt;&lt;th&gt;06&lt;/th&gt;&lt;th&gt;07&lt;/th&gt;&lt;th&gt;09&lt;/th&gt;&lt;th&gt;10&lt;/th&gt;        &lt;th&gt;11&lt;/th&gt;&lt;th&gt;12&lt;/th&gt;&lt;th&gt;13&lt;/th&gt;&lt;th&gt;14&lt;/th&gt;&lt;th&gt;16&lt;/th&gt;&lt;th&gt;17&lt;/th&gt;&lt;th&gt;18&lt;/th&gt;&lt;th&gt;19&lt;/th&gt;&lt;th&gt;20&lt;/th&gt;&lt;th&gt;21&lt;/th&gt;&lt;th&gt;23&lt;/th&gt;&lt;th&gt;24&lt;/th&gt;&lt;th&gt;25&lt;/th&gt;&lt;th&gt;26&lt;/th&gt;&lt;th&gt;27&lt;/th&gt;&lt;th&gt;28&lt;/th&gt;    &lt;th&gt;30&lt;/th&gt;&lt;th&gt;31&lt;/th&gt; 
          &lt;/tr&gt;   
      &lt;/thead&gt;
  [...]
      &lt;table&gt;
  </code></pre>
  
  <p>I need to see first  3 rows and 5 columns always visible. 
  Real table is bigger (more rows and cols). When You scroll such big table, You can't control headers (left and top) so working with table is horrible. Tried a lot of solutions to fix headers (above). None of them is not working properly with my table (I think problem is in colspan and rowspan. Some of them act almost but headers are shifted.</p>
  
  <p>Does anyone know any solution to control the table headers? I'm out of ideas.</p>
  
  <p>Tested:</p>
  
  <ul>
  <li><a href="http://meetselva.github.io/fixed-table-rows-cols/" rel="nofollow noreferrer">http://meetselva.github.io/fixed-table-rows-cols/</a></li>
  <li><a href="http://jsfiddle.net/rCuPf/7/embedded/result/" rel="nofollow noreferrer">http://jsfiddle.net/rCuPf/7/embedded/result/</a></li>
  <li><p><a href="http://meetselva.github.io/fixed-table-rows-cols/demo%20v0_01.html" rel="nofollow noreferrer">http://meetselva.github.io/fixed-table-rows-cols/demo%20v0_01.html</a></p></li>
  <li><p><a href="http://www.matts411.com/static/demos/grid/index.html" rel="nofollow noreferrer">http://www.matts411.com/static/demos/grid/index.html</a></p></li>
  <li><a href="http://salzerdesign.com/blog/?p=191" rel="nofollow noreferrer">http://salzerdesign.com/blog/?p=191</a></li>
  <li><p><a href="https://stackoverflow.com/questions/673153/html-table-with-fixed-headers">HTML table with fixed headers?</a></p></li>
  <li><p><a href="http://jsfiddle.net/J53ax/" rel="nofollow noreferrer">http://jsfiddle.net/J53ax/</a></p></li>
  <li><a href="http://www.tablefixedheader.com/demonstration/" rel="nofollow noreferrer">http://www.tablefixedheader.com/demonstration/</a></li>
  <li><a href="http://jsfiddle.net/rCuPf/7/light/" rel="nofollow noreferrer">http://jsfiddle.net/rCuPf/7/light/</a></li>
  <li><a href="http://fixedheadertable.com/" rel="nofollow noreferrer">http://fixedheadertable.com/</a></li>
  <li><a href="http://flexigrid.info/" rel="nofollow noreferrer">http://flexigrid.info/</a></li>
  <li><a href="http://handsontable.com/index.html" rel="nofollow noreferrer">http://handsontable.com/index.html</a></li>
  <li><a href="http://trentrichardson.com/examples/jQuery-Powertable/index.html" rel="nofollow noreferrer">http://trentrichardson.com/examples/jQuery-Powertable/index.html</a></li>
  <li><a href="http://agichevski.com/2013/10/22/jquery-fixed-table-header/" rel="nofollow noreferrer">http://agichevski.com/2013/10/22/jquery-fixed-table-header/</a></li>
  <li><a href="http://jsfiddle.net/jmosbech/stFcx/" rel="nofollow noreferrer">http://jsfiddle.net/jmosbech/stFcx/</a>  </li>
  </ul>