html fixed header table with frames?

[alohaaaron]

Hi I'm trying to align frame column headers with the body because I want to lock the header row but since the data in the body may not be equal to that of the column header with things get skewed. I've seen CSS versions of locking the header like this

http://www.imaputz.com/cssStuff/bigFourVersion.html

but then the table is put into a scrollable box within the browser which makes navigating up down and left to right difficult for large data sets. Arrow keys don't work if input text fields are in the table either.Also the CSS or javascript seems to slow down the refreshing of the data. I'm using a database on the backend to pull the data from. Querying the data in the query analyzer is very fast but drawing it in the browser is slow. Thanks for any help.Aaron

 

[Vragabond]

I always felt that the problem of the big four table was that the example is not bare bones. There's a lot going on there, from hacks to comply with ancient browsers to javascript doing zebra stripes and so on. If you would try just the basic idea of such table, I think it would run much faster.

I do not understand your issues with the scrollable box. If you want to have a fixed header, then the body of the table has to be a scrollable box. If not, then you either do not need scrolling or you could scroll with the main scrollbar and lose the headers. Also, the issue with the input boxes -- are you expecting to put input boxes in your fields?

As for the content being too big to fit the columns ... enlarge the columns or make the content smaller. Specifying a width of column to 50px and then putting a 100px image in that column is always bad design, regardless if this particular thing causes the table to break or not.

[small]Do something about world cancer today: Comprehensive cancer control information at PACT[/small]

 

[alohaaaron]

I've tried using another version of the table which has much less css and javascript going on which definitely is faster but then all it does it lock the header row of the table, I don't know how to also lock the first column?

I definitely have too much data to fit on the screen so need the locked header. But when the body of the table is a scrollable box, I get the scrollbars for both the box and the scrollbars for the browser. That's why I want to try frames but when I use frames the table header widths (the column headers) don't match the body column widths. Things get all skewed.

Each cell in the table has an input type=text box for data entry. I hide the box edges with style='{border:none;} so it doesn't look wierd.

This version is the best I've seen

http://www.activewidgets.com/grid/

but I see that it loads all the data into a javascript array which I think would be extremely slow for the records I'm displaying or would it?

Thanks!