Почему после скрытия ячеек таблицы, они появляются в столбец?

Question

[Станислав Дементьев]

Есть таблица, при нажатии ячейки скрываются, при нажатии на кнопку в другой таблицы появляются, всё работает, но если скрыть все ячейки одной строки, они начинают появляться в столбик.
Я думаю, что тут вопрос связан с тем, что в таком случае и строка появляется исчезает, но этот вопрос решить не понимаю.

<table>
  <tbody><tr>
    <td><button onclick="document.getElementById(&#39;1&#39;).style.display=&#39;block&#39;">1</button></td>
    <td><button onclick="document.getElementById(&#39;2&#39;).style.display=&#39;block&#39;">2</button></td>
    <td><button onclick="document.getElementById(&#39;3&#39;).style.display=&#39;block&#39;">3</button></td>
  </tr>
  <tr>
    <td><button onclick="document.getElementById(&#39;4&#39;).style.display=&#39;block&#39;">4</button></td>
    <td><button onclick="document.getElementById(&#39;5&#39;).style.display=&#39;block&#39;">5</button></td>
    <td><button onclick="document.getElementById(&#39;6&#39;).style.display=&#39;block&#39;">6</button></td>
  </tr>
  <tr>
   <td><button onclick="document.getElementById(&#39;7&#39;).style.display=&#39;block&#39;">7</button></td>
    <td><button onclick="document.getElementById(&#39;8&#39;).style.display=&#39;block&#39;">8</button></td>
    <td><button onclick="document.getElementById(&#39;9&#39;).style.display=&#39;block&#39;">9</button></td>
  </tr>
</tbody></table>

<table>
  <tbody><tr>
    <td onclick="this.style.display=&#39;none&#39;" id="1">1</td>
    <td onclick="this.style.display=&#39;none&#39;" id="2">2</td>
    <td onclick="this.style.display=&#39;none&#39;" id="3">3</td>
  </tr>
  <tr>
    
    <td onclick="this.style.display=&#39;none&#39;" id="4">4</td>
    <td onclick="this.style.display=&#39;none&#39;" id="5">5</td>
    <td onclick="this.style.display=&#39;none&#39;" id="6">6</td>
  </tr>
  <tr>
    <td onclick="this.style.display=&#39;none&#39;" id="7">7</td>
    <td onclick="this.style.display=&#39;none&#39;" id="8">8</td>
    <td onclick="this.style.display=&#39;none&#39;" id="9">9</td>
  </tr>
</tbody></table>

Answer 1

[0xD34F]

А как вы думаете - бывают ли иные значения у свойства display, кроме none и block? Я вот слышал, будто есть ещё table-cell, например.

Comments

[Станислав Дементьев]

Очень интересная информация, пойду и узнаю. Спасибо большое Вам за совет.

[Станислав Дементьев]

Просто, думал, что проблема немного в другом, действительно, стоит повнимательней посмотреть display.
Всё получилось, ещё раз спасибо.