La cellule d'un tableau HTML est redimensionnée lorsqu'un contenu est redimensionné - html, html-table, cell

Ici se trouve le jsFiddle.

Voici le code:

<table>
<tr>
<td id="td00" rowspan="2">
<textarea>A very1 </textarea>
</td>
<td id="td01">
<textarea>A very2 </textarea>
</td>
</tr>
<tr>
<!--td>
<textarea>A very3 </textarea>
</td-->
<td>
<textarea>A very4 </textarea>
</td>
</tr>
</table>

Le css:

table, td
{
border:1px solid black;
}

table
{
height:400px;
width:400px;
table-layout:fixed;
}
#td01, #td00
{
height:100%;
}

Lorsque je change la zone de texte à l'intérieur de la cellule avec row = 0 et col = 0, la cellule avec row = 1 et col 1 change également.

J'ai besoin de fixer la taille des cellules.

Réponses:

Ce n'est pas parfait, mais je pense que cela fera ce que vous voulez, vous devez définir une position fixe sur le td et une hauteur fixe, donc je ne sais pas si vous êtes d'accord avec cela pour votre projet.

HTML:

<table>
<tr>
<td id="td00" rowspan="2">
<textarea>A very1 </textarea>
</td>
<td id="td01">
<textarea>A very2 </textarea>
</td>
</tr>
<tr style="position:fixed;">
<!--td>
<textarea>A very3 </textarea>
</td-->
<td >
<textarea>A very4 </textarea>
</td>
</tr>
</table>

CSS:

   table, td{
border:1px solid black;
}

table {
height:400px;
width:400px;
table-layout:fixed;
}
#td01
{
height:320px;
}

EXEMPLE: VIOLON