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

Question

[Gera11]

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

Как с помощью JQ или JS сделать так, чтобы таблица вообще не отображалась если в ней нет tr столбцов?
добавить display none что-ли если в ней нет записей tr

Comments

[Дмитрий]

А что там может отобразиться если нет TR?

[Gera11]

Дмитрий, пустой блок со своими стилями. Какая разница что? фишка не в этом. Нужно присвоить display none если нет tr

Answer 1

[0xD34F]

если в ней нет tr столбцов

tr - это строки

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

или

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

или

.hidden {
  display: none;
}

document.querySelectorAll('table').forEach(n => {
  n.classList.toggle('hidden', [...n.tBodies].every(m => !m.rows.length));
});

Comments

[Gera11]

Сделал так:
$('#nnews').not(':has(tr)').hide()
но ничего)

[Дмитрий]

Красиво и емко, но подключать ради одной строчки jquery кажется немного излишним

[0xD34F]

В тексте вопроса:

<table id="news"

после получения ответа:

Сделал так:
$('#nnews')

Ну и какого хрена?

[Gera11]

0xD34F, У меня на сайте я использую "nnews" а тут для корректности вопроса я написал "news" Какая вообще вам разница?

[0xD34F]

Действительно. Наврал про свой код - делов-то. Тут же одни телепаты и ясновидящие кругом - и так поймут, что к чему.

Ответ на свой вопрос ты получил - дальше сам. Неспособен ответом воспользоваться - проблема твоя и только твоя. Хочешь, чтобы стала чьей-то ещё - оформляй новый вопрос или иди на фриланс.

[Gera11]

0xD34F, Тебя забанят чувак, следи за своими словами

Answer 2

[Дмитрий]

Поставить этот код в тэг "script" перед закрывающим тэгом body

const table = document.querySelector("#news")
if (!table.querySelector("tbody tr")) {
  table.style.display = "none"
} else {
  table.style.display = ""
}

Answer 3

[Vadim Bogomazov]

Убрать tbody, перенести его стили в table, далее:



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