/
Вопросы и ответы
/
HTML
/

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

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

4 года назад

Человек-Молекула

Ответы

0

Для скрытия таблицы 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>

2 года назад

Aleksey