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

4 года назад

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

Ответы

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

Пример:

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

Также можно использовать 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>

3 года назад

Aleksey

10 месяцев·С нуля

Фронтенд-разработчик

Изучите HTML, CSS, JavaScript и React