gdstark
Posts: 12
|
| Posted: 05/07/2007, 3:56 PM |
|
I have a grid where paging is not appropriate and all rows are displayed, even though this pushes some rows off the bottom of the screen. Here's the website:
http://www.ExpertVoter.org
My problem is that the column headers are not visible when scrolling down the page. How can I get the column headers to be stationary or fixed?
gary
|
 |
 |
Benjamin Krajmalnik
|
| Posted: 05/07/2007, 4:51 PM |
|
One way of doing it would be to encapsulate the "header" ofyour page (which
would include the header of your table) in one dive, and the content of your
grind in another div which is scrollable and has a fixed height. This will
place he scrollbar on the div and not on the browser's right margin.
I have not tried it to see how it will accomodate your particular generated
html, bit that would do it.
|
|
|
|
gdstark
Posts: 12
|
| Posted: 05/09/2007, 2:00 PM |
|
Quote Benjamin Krajmalnik:
One way of doing it would be to encapsulate the "header" ofyour page (which
would include the header of your table) in one dive, and the content of your
grind in another div which is scrollable and has a fixed height. This will
place he scrollbar on the div and not on the browser's right margin.
I have not tried it to see how it will accomodate your particular generated
html, bit that would do it.
Benjamin, I realize you haven't tried this, but do you think this method would integrate well with how CodeCharge manages things? Would I insert a couple of "attributes" so the code generator preserves them?
Here's exactly what I'm trying to do...
http://www.cssplay.co.uk/layouts/fixit.html
It looks like they're using the div feature as well, although I still don't quite understand the process.
gary
|
|
|
|
Benjamin Krajmalnik
|
| Posted: 05/09/2007, 5:24 PM |
|
It works fine in CodeCharge.
I use it.
As I said, I have not tried it with your particular html layout.
You could create css similar to what they have here.
There are three styles which are important in your case:
#header, #container, and #footer.
Encapsulate the hetml which must be above your scrollable region in a <div
id="header"> </div>
Your "scrollable" grid would be inside a <div id="container"> </div>
The section below would be in <div id="footer">
You may have to play with the height parameters to make it fit your page
properly, but that is pretty much all there is to it.
|
|
|
|
|
