for dynamically adding HTML components and playing with CSS styles.
This works really well on IE 6 (other versions not tested) but with Mozilla / Firefox I didn't manage to obtain the same results: I had to downgrade some functionalities.
If somebody wishes to migrate the IE code so that it works with Mozilla / Firefox, it would be great (I have no time to do it for the moment).
In fact, the major problems are that CSS expressions are available only with IE and that relative / absolute position doesn't work the same in Mozilla / Firefox.
The concept is simple: the table is inserted in a DIV, which offers the possibility to have scrollbars. Header, footer, and left columns are positioned relatively,
and CSS expressions make them always visible. The
IFRAME are positioned to hide invisible cells and HTML components (
IFRAME for select boxes,
DIV for everything else).
Using the code
ID on your table, if not present).
var t = new ScrollableTable('myScrollTable', height, width, numberLeftColumns);
The included Zip contains the JS library, and an example HTML page presenting several use cases.
This code was inspired from this article: http://www.webtoolkit.info/scrollable-html-table.html.