[Scroll]

Преветствую! Возникла такая проблема: нужно убрать отображение части таблицы. Использую так:

<table>
  <div style="display: none">
    <tr>
      <td>....</td>
    </tr>
    <tr>
      <td>.....</td>
    </tr>
  </div>
</table>

Часть таблицы таким образом не скрывается. Можно ли заставить ячейки таблицы убраться, как-будто их и не было в коде?
Смысл в том, что часть формы должна отобразиться только в том случае, если определенное поле будет иметь определенное значение.
Есть идея поработать с innerHTML, но слишком уж это муторно.

[Snig]

ем... а зачем этот див?

<table  style="display:none">
  
    <tr>
      <td>....</td>
    </tr>
    <tr>
      <td>.....</td>
    </tr>
</table>

Туплю)

[Scroll]

=)
Да, немного непонятно написал. Я для примера этот код привел. Если точнее, то выглядит это примерно так:

<table>
  <tr>
     <td>....</td>
  </tr>

  <div style="display: none">
    <tr>
      <td>....</td>
    </tr>
    <tr>
      <td>.....</td>
    </tr>
  </div>

  <tr>
    <td>.....</td>
  </tr>
</table>

Т.е. надо скрыть только часть таблицы (часть ячеек должны быть видна, другая часть спрятана)

Добавлено через 14 минут

В общем, разбил таблицу на несколько таблиц, задал для некоторых style="border-top: 0", чтобы не было толстых рамок на стыке таблиц. Теперь все зашибись) Прошу прощения за беспокойство)

[deMone]

Не следовало разбивать таблицу. В таблице существует такой тег, как <tbody>, и этих тегов может быть несколько, например так:

<table>
<tbody>
 <tr>
  <td>...</td>
 </tr>
</tbody>
<tbody style="display: none;">
 <tr>
  <td>...</td>
 </tr>
</tbody>
<tbody>
 <tr>
  <td>...</td>
 </tr>
</tbody>
</table>

[Scroll]

Ух ты, спасибо, теперь буду знать)