Problème de colspan avec JQuery et Firefox
Bonjour à tous
je génère un tableau html avec des données.
le 1er <tr> contient 10 <td>
le 2e <tr> en contient autant mais est en display:hidden
lors d'un clic sur un lien du 1er <tr> j'affiche le second en JQuery (effet de déroulement)
Le problème c'est que la totalité de mon 2e <tr> s'affiche sous la cellule du 1er <td> comme si ce dernier avait un colspan à 10.
or ce n'est pas le cas ... et cela seulement sur Firefox
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
| <tr class="ligne_1">
<td width="65" align="center"><a href="#" onclick="affCacheGestionExpe('311');return false;">17/11/2009</a></td>
<td width="115">Société</td>
<td width="90">Com32</td>
<td width="150">Carrefour</td>
<td width="125">Dupont Jean</td>
<td width="200" style="text-transform:lowercase;">Opération Carrefour</td>
<td width="65" style="text-align:center;">7</td>
<td width="125"> Expédiable à 86%</td>
<td width="16"><a href="index.php?com_cli=311"><img src="img/loupe.png" alt="" /></a></td>
<td width="16"><input type="checkbox" name="com[311]" value="311" id="com_311" style="margin:1px" /></td>
</tr>
<tr class="ligne_0" id="ligne_com_311" style="display:none;background:#aaa">
<td align="left">test</td>
<td align="left">test</td>
<td align="left">test</td>
<td align="left">test</td>
<td align="left">test</td>
<td align="left">test</td>
<td align="left">test</td>
<td align="left">test</td>
<td align="left">test</td>
</tr> |
Concrètement, lorsque le 2e <tr> est caché il n'y pas de soucis ... mais quand on l'affiche les 10 "test" se retrouvent sous la date "17/11/2009"... au lieu d'être étalé sur les 10 colonnes ...
Si vous avez une idée je suis preneur
