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
