title: Floating horizontal bar for html table
body: <p>The columns in my html table are very large in number and I have to scroll all the way to view  these elements.</p>
  
  <p>I tried enclosing the html table within the below div;</p>
  
  <pre><code>div.scroll
  {
  overflow:scroll;
  }
  </code></pre>
  
  <p>But the problem is, the scroll bars appear in the bottom of the table and I have to scroll all the way to the bottom of the table and again navigate back to the required row and view it.</p>
  
  <p>I want the scroll bars[both horizontal and vertical] to be floating so that I can scroll across starting from the first row and first column.[Similar to this demo: <a href="http://www.matts411.com/static/demos/grid/index.html" rel="nofollow">http://www.matts411.com/static/demos/grid/index.html</a> ] .</p>
  
  <p>I dont want to use any third party libraries. Is this possible ?</p>