Table fixed header and scrollable body

Question

I am trying to make a table with fixed header and a scrollable content using the bootstrap 3 table. Unfortunately the solutions I have found does not work with bootstrap or

Answer 1

For whatever it's worth now: I did post a solution to a sister-thread Table scroll with HTML and CSS which

• takes two tables (one for only header, one for all - layouted by the browser)
• after layouting, adjust the upper (header-only) table to the widths of the lower one
• hide (visibility, not display) the header of the lower table and make the lower table scrollable w/in a div

The solution is agnostic to any styles / frameworks used - so maybe it's useful here as well...

A long description is in Table scroll with HTML and CSS / the code is also in this pen: https://codepen.io/sebredhh/pen/QmJvKy