Posted by G�rard Talbot on 09/06/05 08:42

coolsti a écrit :

[snipped]

> I want to be able to hide blocks of rows of the table when the user
> clicks on certain icons and I can do this using <div> tags and some
> javascript.

[snipped]

(...) how the data can be placed into
> one big table, but so that I can "hide" blocks of rows?

It's also possible for block of rows (thead, tfoot, tbody) and also
colgroups. I strongly recommend not to use div, not to use extra tables
or wrapping tables. You need none of that.

Interactive demo page on table column and table row collapse and
visibility in DOM 2 compliant browsers
http://www.gtalbot.org/DHTMLSection/TableRowColumnCollapse.html

DOM level 1 Dynamic table formatting
http://www.gtalbot.org/DHTMLSection/DynamicTableFormatting.html

2 important issues:
- avoid border-collapsed table as much as possible because there are
right now too many bugs to consider in current modern browsers
- row (and/or rowgroup) collapsing is easier to code and a bit better
supported by modern browsers than/compared to column and colgroup
collapsing.

Gérard
--
remove blah to email me

[Back to original message]