Задать вопрос
Gera11
@Gera11

Как не отображать таблицу если в ней нет столбцов на JQuery или JS?

<table id="news" class="table" style="margin-top: -1px;">
  <tbody style="font-size: 90%;">
    тут столбцы
  </tbody>
</table>


Как с помощью JQ или JS сделать так, чтобы таблица вообще не отображалась если в ней нет tr столбцов?
добавить display none что-ли если в ней нет записей tr
  • Вопрос задан
  • 171 просмотр
Подписаться 1 Простой 2 комментария
Решения вопроса 2
0xD34F
@0xD34F Куратор тега JavaScript
если в ней нет tr столбцов

tr - это строки

$('table').show().not(':has(tbody tr)').hide();

или

for (const n of document.getElementsByTagName('table')) {
  n.hidden = !n.querySelector('tbody tr');
}

или

.hidden {
  display: none;
}

document.querySelectorAll('table').forEach(function(n) {
  n.classList.toggle('hidden', this(n.tBodies));
}, tBodies => Array.prototype.every.call(tBodies, n => !n.rows.length));
Ответ написан
@dimoff66
Кратко о себе: Я есть
Поставить этот код в тэг "script" перед закрывающим тэгом body

const table = document.querySelector("#news")
if (!table.querySelector("tbody tr")) {
  table.style.display = "none"
} else {
  table.style.display = ""
}
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
@bogomazov_vadim
Убрать tbody, перенести его стили в table, далее:



Но в целом странная задача, почему не сделать проверку на бэке, если данные таблицы не статичны.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы