3 pièce(s) jointe(s)
Table avec <tr>/<tbody> hidden
Bonsoir,
J'ai un souci de mise en page sur un tableau un peu spécial, voici le topo :
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29
| <table>
<tbody>
<tr>
<td>...</td>
<td>...</td>
</tr>
<tr class="hidden">
<td>...</td>
<td>...</td>
</tr>
<tr>
<td>...</td>
<td>...</td>
</tr>
</tbody>
<tbody class="hidden">
<tr>
<td>...</td>
<td>...</td>
</tr>
<tr class="hidden">
<td>...</td>
<td>...</td>
</tr>
<tr>
<td>...</td>
<td>...</td>
</tr>
</tbody> |
Voilà en gros à quoi le squelette de mon tableau ressemble.
Avec tout ça j'ai un script qui affiche/cache chaque élément invisible séparément (avec les ID) sous l'action d'un trigger.
Le souci que j'ai est l'affichage des parties normalement cachées, elles s'affichent selon la largeur de la première colonne du tableau et non pas selon la largeur du tableau en lui même.
Voici quelques screens pour expliquer plus clairement :
Affichage normal, sans aucun trigger déclenché : Pièce jointe 142558
Avec un trigger de <tr> déclenché : Pièce jointe 142559
Avec le trigger du <tbody> déclenché en plus : Pièce jointe 142560
Ce que je cherche, c'est étendre la largeur des éléments sous trigger à l'ensemble du tableau, pas uniquement à la première colonne :/
Merci d'avance !