Hi guys,
Hoping you can help me out. I've got a scenario where my table is as so:
<table>
<tr>
<th>Section Heading</th>
<td>Section content lots and lots of paragraphs...</td>
</tr>
<tr>
<th>Section Heading</th>
<td>Section content lots and lots of paragraphs...</td>
</tr>
....
</table>
The situation is that the table is "collapsable". It works as so:
1. User clicks on th
2. corresponding td is hidden with jquery
3. colspan of th is set to "2"
4. width of th is set to 100%
If the row is "collapsed" when the user clicks on a th, then:
1. colspan of th is set to "1"
2. width of th is set to 20%
3. td is shown
4. width of td is set to 80%
This works fine on FF. However, on IE6 I am having the weird problem where
once a row is expanded, the collapsed ths no longer extend to the edge of
the table. It's almost as though the browser either hasn't reset the colspan
(which it has - I've used the developer toolbar to check), or it thinks the
td that I've hidden is still there.
Does anyone know what might be causing this? Does ie6 still account for tds
that have been hidden using display:none?
--
View this message in context:
http://www.nabble.com/Changing-Colspans-with-Jquery%2C-IE6-tp20592996s27240p20592996.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
