title: Keep thead visible on top while scrolling the scrollbar
body: <p>While scrolling I want to keep thead of my table fixed (visible).
  I have spent good amount of time searching for a proper solution and found a lot of jquery plugins but none is working fine .</p>
  
  <p>I have the logic but I am not very good with javascript and jquery.
  My logic is</p>
  
  <p>I will get the location of my thead and location of scrolltop.
  Now as we move the scroll-bar I will move the thead with it(by the same distance) so that it remains always in the top.</p>
  
  <p>Please help me to put it in the form of code. It would be a big help. Or any suggestion to start with is also appreciated.</p>