How can I give vertical scroll bar to a html table

Question

I am trying to give vertical scrollbar to a html table but the problem is after giving the scroll bar , all alignment of the header and its value going wrong all placed in wrong position. How can give vertical scroll bar to a html data table , Please help
Here is the code

cb91vpfn

Answer 1

for verticle scrollbar you can use the following:

<div style="height: 150px; overflow: auto">
  <table style="height: 400px">
     ....
  </table>
</div>

Here table height is 400 px which is bigger than the height of 150px set for it's parent div. So we will see vertical scrollbar.