deleteRow sur lignes à rowspan
Bonjour,
J'ai une petite question concernant les tableaux HTML (<TABLE>), les lignes d'un tableau, pour être plus précis.
Imaginons cet extrait de code :
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
30
| <HTML><BODY><TABLE id='0' BORDER='10'>
<tr border='5' rowspan='2'>
<tr>
<td rowspan='3'>999</td>
<td rowspan='3'>1000</td>
<td rowspan='3'>1001</td>
<td></td>
<td></td>
<td rowspan='3'>1200</td>
<td rowspan='3'>1300</td>
</tr>
<tr>
<td>400</td>
<td>500</td>
</tr>
<tr>
<td>600</td>
<td>700</td>
</tr>
</tr>
</TABLE>
<INPUT TYPE='button' id='a' onClick='fct()'>
<script>
function fct() {
document.getElementById('0').deleteRow(0);
}
</script>
</BODY></HTML> |
Pourquoi, lorsque j'appuie sur le bouton, la ligne complète de mon tableau n'est-elle pas effacée ?
En effet, le deleteRow dans le script efface les TR au fur et à mesure et par conséquent redivise les lignes.
L'objectif étant que je souhaite pouvoir supprimer la ligne complète d'un seul coup.
NB : je parle ici de suppression de ligne, c'est un exemple... On pourrait imaginer la même question pour un déplacement de lignes, un ajout, etc.
Merci.
