You could do it with layers and css but probably the easiest way is to use 'frames'. You need a frameset document for your base (index.html)
This document splits the screen into 2 rows. A small 30 pixels high one at the top, and another below it taking up the rest.
<!doctype html public "-//w3c//dtd html 3.2//en">
<title>(This is the Frameset)</title>
<frame src="top.html" name="top">
<frame src="maintable.html" name="main">
Then you need two html docs to put in your the 'windows' you've created.
One might be called 'top.html' (that's what I've called it in my example) and would have just the heading part of your table. The other one would be the tabled document you already have (without the heading now). In my example above I called it 'maintable.html' but you can call it what ever you want, as long as you change it in the frameset document too.
Then you just browse the frame document and it will splice the other two documents together for you.
Give it a try and see how you go.