IE8 doesn't apply css display dynamically

Peterdbo

New Member
I'm trying to develop a table that hides its columns upon a given value. I am using a solution discussed in another SO question. As part of the suggestion there they say that to support IE<8 browsers a hide rule should be used instead and show by default. I have several hide rules that look like the following.\[code\] table.Show1 .cellType2, table.Show1 .cellType3{ display:none; } \[/code\]So what I expect is \[code\]cellType2\[/code\] and \[code\]cellType3\[/code\] to hide when the \[code\]className\[/code\] of the table is changed dynamically. With the initial values it works fine but when the className of the table changes dynamically, it hides the cells needed but it doesn't bring the other back. I went through it with IE Developer Tool and I know that the className of the table is set properly. I also inspected the cell element's style and there is no display rule set so I would expect to display as default, but it isn't(it doesn't show up).What I found most annoying it that if I change ANY style property in the Developer Tool, it will realize that it should be displaying the cell and then , it brings it back up.Why the style is not applied? Please help me fix this issue.
 
Back
Top