I'm making some progress on this. http://grover.open2space.com/files/dev/fixedheader/jquery.fixedTableHeader-0.03.js
This revision cleans up some bugs and troubleshooting left-overs, as well as some needed enhancements. I Tested the library with my production table. This table is nasty to say the least. It's basically a list of employees (one per row), and each column is a list of tasks that employee has on a given day (days are the column headers). Each "day cell" contains a couple of divs, and possibly a table. So, the height and/or width of the row is variable. The other kicker is that the table is updated via Ajax on the fly (user can change the visible date range), so the headers needed to be adjusted then. In FF, this is now working good enough for my needs. I just did a test of IE (6 and 7) - it *kinda* works, but the table is pushed down below the floated row headers. So a no-go for IE right now. I'll have to resolve this one though.... This is where I think I'm going to need some help... Thanks again in advance for any suggestions/tips/comments... Shawn Shawn wrote: > I'm working on a plugin for fixed table headers - both column and row > headers. I've had *some* success, but still have some odd gotchas. I'm > hoping that someone might take a look and help me work out the quirks. > > http://grover.open2space.com/files/dev/fixedheader/plugin2.htm > > This is a raw sample page, purely for testing. The plugin itself is at > http://grover.open2space.com/files/dev/fixedheader/jquery.fixedTableHeader-0.02.js > > Current issues that I know of: > - functional in IE 7 and FF 2.0.0.11. Haven't tested other browsers yet. > - I have to convert the TH cells of the thead/tfoot to be TD cells > within a tbody section. Otherwsie the native format of a TH ( > bold/centered) causes sizing issues of the TH and they don't line up > with the corresponding table row. > - Specific column sizes (i.e. td { width:100px } ) are being ignored. > - The height value is not being used right on IE 7 > - horizontal scrolling may or may not line up all the columns when at > the right hand extreme. > - Performance issues. I haven't yet tried to optimize anything, and > some of the processing is a little slow. Yet need to try this on a > REALLY REALLY large table... > > I haven't yet tried this on a complex table (i.e. a table that contains > other tables and markup), so don't know how well it'll work out. > > The usuage is fairly simple: > > $("#targetTable").fixedTableHeaders({ > width : "50%", > height : "50%", > rowHeaders : 1, //use the first column as a row header > forceFooter : false //use the thead as the footer too > //overrides a tfoot > }); > > I have comments in the plugin file to help with understanding and > available options. > > I don't feel this is ready to release into the wild yet. But, it is > functional for simple tables, and the table headers scroll properly. > Right now, I'm hoping someone might be willing to help fix it up. I > know my knowledge is not sufficient (yet) in a few areas... > > Thanks for any input. I'm open to any changes... (nothing written in > stone yet :) > > Shawn
