html table scrollable div only for tr

Question

Please check my fiddle and let me know how can I get the scroll bar to be working only for the table contents and not the header. Also the scrollbar appears at the very end and not immediately next to the last column, how can I make it work?

I have some commented out code in CSS through which I was hoping to achieve fixed table header:

#table-wrapper table thead th .uploadedDocsHdr {
position:absolute; }

An additional link to Daniels answer http://stackoverflow.com/questions/14834198/table-scroll-with-html-and-css — user3660570, Jul 28 '15 at 08:39
Please update this thread, either accepting an answer or providing detail via comment or edit or even self answer why it doesnt answer your issue. — Daniel Brose, May 18 '20 at 02:50

score 0 · Answer 1 · edited May 23 '17 at 10:28

This has been answered many times, for example:

Table scroll with HTML and CSS

Table header to stay fixed at the top when user scrolls it out of view with jQuery

How to: Fixed Table Header with ONE table (no jQuery)

HTML table with fixed headers?

Table with fixed header and fixed column on pure css

Im not sure which is the best answer, but have no doubt that your exact situation has perfect answer already if you just search stackoverflow for 'fixed table header'

html table scrollable div only for tr

1 Answers1