Как скрыть таблицу html

Аватар пользователя Aleksey
Aleksey
06 апреля 2023

Для скрытия таблицы HTML можно использовать CSS свойство display и задать ему значение none. Это свойство скрывает элемент и не оставляет на его месте зазоров и пустот.

Пример:

<table id="myTable">
  <tr>
    <td>Ячейка 1</td>
    <td>Ячейка 2</td>
  </tr>
  <tr>
    <td>Ячейка 3</td>
    <td>Ячейка 4</td>
  </tr>
</table>
#myTable {
  display: none;
}

Также можно использовать JavaScript для скрытия таблицы. Для этого нужно получить доступ к элементу таблицы и задать ему свойство style.display со значением none.

Пример:

<table id="myTable">
  <tr>
    <td>Ячейка 1</td>
    <td>Ячейка 2</td>
  </tr>
  <tr>
    <td>Ячейка 3</td>
    <td>Ячейка 4</td>
  </tr>
</table>

<button onclick="hideTable()">Скрыть таблицу</button>

<script>
  function hideTable() {
    document.getElementById('myTable').style.display = 'none';
  }
</script>
0 0