How to make html table vertically scrollable

Question

see jsbin

I have to make my html table vertically scrollable.
I have used below code on tbody tag but its doesn\'t work for me

 <         


        

Answer 1

The best way to do this is strictly separate your table into two different tables - header and body:

  



  


.body {
  height: 100px;
  overflow: auto
}

If your table has a big width (more than screen width), then you have to add scroll events for horizontal scrolling header and body synchroniously.

You should never touch table tags (table, tbody, thead, tfoot, tr) with CSS properties display and overflow. Dealing with DIV wrappers is much more preferable.