I'm working on developing a website for projects that should be coming up for bid. I've been told that once it is up and running there will be a lot of projects listed. I've already worked on a filtering system so users will initially only see the ones they are interested it (for example a contractor in the LA area probably doesn't give a shit about what is happening up in near the Oregon border).
The probably is there is still the possibility for a lot of projects and there is a lot of columns (personally I'm hoping to find a way to cut down the number of columns). This means there will be a giant table that will be several screens long. So I need to find a way to provide the column headers where they can still be seen.
Right now I'm just repeating the headers after 3 rows but I'd like to find a better solution.
If the table header was at the top of the I'd just do some trickery with CSS to keep it there as the page scrolled. Unfortunately I have a web header above that. So what I'd like is for the page to scroll down until the table header hit the top of the screen and then "stick" there. But I don't know of any good way of doing this.
Has anyone else ran into a similar situation? Any suggestions?