html body overflow,html - tbody overflow hidden not working - Stack Overflow

I am trying to make tbody overflow hidden for y and auto for x but no success, i tried few techniques here,

but none worked, I want to make tbody scroll this way thead will stay where it is.

HTML

Column1Column2Column3Column4Column5Column6Column7

0Calculate10Calculate20Calculate20Calculate20Calculate20Calculate20Calculate20Calculate20Calculate20Calculate20Calculate20Calculate20Calculate20Calculate20Calculate20Calculate20Calculate2

CSS

tbody{

position:relative;

overflow:hidden;

height:300px;

}

I want something like this, but now I am having trouble lining up column widths,