By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
434,709 Members | 2,157 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 434,709 IT Pros & Developers. It's quick & easy.

Dynamically Show/Hide table rows?

P: n/a
I want to provide a drill down facility for the users - the plan is to
intially display a table with summary rows containing results of previous
selected search criteria.

In each summary row you have a button to drill down i.e which displays X
number of rows with results that make up the summary row value. When
"drilled down" also provide a button to "collapse" the detail rows!

Is it possible to show/hide individual rows in a table? - do I have to have
each row as a table & a DIV statement around it?

I know it must be possible buts whats the best way?

thanks

harry
Jul 20 '05 #1
Share this Question
Share on Google+
3 Replies


P: n/a
"Harry" <a@abc.com> wrote
Is it possible to show/hide individual rows in a table?


Of course: You have to locate that rows and change their style property to
style.display = 'none' or style.display = 'block'.
Jul 20 '05 #2

P: n/a
DU
Harry wrote:
I want to provide a drill down facility for the users - the plan is to
intially display a table with summary rows containing results of previous
selected search criteria.

In each summary row you have a button to drill down i.e which displays X
number of rows with results that make up the summary row value. When
"drilled down" also provide a button to "collapse" the detail rows!

Is it possible to show/hide individual rows in a table? - do I have to have
each row as a table & a DIV statement around it?

I know it must be possible buts whats the best way?

thanks

harry


"The 'visibility' property takes the value 'collapse' for row, row
group, column, and column group elements. This value causes the entire
row or column to be removed from the display, and the space normally
taken up by the row or column to be made available for other content. (...)"
Support for visibility:collapse is not good in current browsers.
http://www.w3.org/TR/CSS2/tables.html#dynamic-effects
Therefore you need to use display:none (and display:table-row) to toggle
entire rows.

DU
--
Javascript and Browser bugs:
http://www10.brinkster.com/doctorunclear/
- Resources, help and tips for Netscape 7.x users and Composer
- Interactive demos on Popup windows, music (audio/midi) in Netscape 7.x
http://www10.brinkster.com/doctorunc...e7Section.html

Jul 20 '05 #3

P: n/a
"DU" <dr*******@hotREMOVEmail.com> wrote in message
news:bj**********@news.eusc.inter.net...
"The 'visibility' property takes the value 'collapse' for row, row
group, column, and column group elements. This value causes the entire
row or column to be removed from the display, and the space normally
taken up by the row or column to be made available for other content. (...)" Support for visibility:collapse is not good in current browsers.
http://www.w3.org/TR/CSS2/tables.html#dynamic-effects
Therefore you need to use display:none (and display:table-row) to toggle
entire rows.


Which is good for Mozilla, but IE6 says 'Could not get the display property.
Invalid argument'.
display:block works good in IE6, but not in Mozilla.
Jul 20 '05 #4

This discussion thread is closed

Replies have been disabled for this discussion.