Table header to stay fixed at the top when user scrolls down

Hi All,

I want to make my table headers fixed for my page(with Web Dynpro ABAP) while scrolling down the page, below is the example how I want

Edit fiddle - JSFiddle

Looking for solution/suggestions to achieve.

Thanks in advance

Rajesh