HTML-клітина таблиці змінюється при зміні розміру вмісту - html, html-table, cell

Ось іще jsFiddle.

Ось код:

<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>

Css:

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

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

Коли я змінюю текстову область всередині клітинки на рядок = 0 і col = 0, клітина з рядком = 1 і col 1 також змінюється.

Мені потрібен фіксуючий розмір комірок.

Відповіді:

Це не ідеально, але я думаю, що це зробить те, що ви хочете, ви повинні встановити фіксовану позицію на td і фіксовану висоту, так що я не знаю, чи ви добре з цим для вашого проекту.

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;
}

ПРИКЛАД: FIDDLE