JSFiddle - React, Tailwind, and code Playground

HTML

<div class="categoery">
<span>categorie title</span>
<table>
<tr class="item show">....</tr>
<tr class="item show">....</tr>
<tr class="item none">....</tr>
</table>
</div>

<div class="categoery">
<span>categorie title</span>
<table>
    <tr class="item none"><td></td></tr>
    <tr class="item none"><td></td></tr>
    <tr class="item none"><td></td></tr>
</table>
</div>

CSS

.none { display: none; }

JavaScript

$('.categoery').each(function(k,v) {
    if($(this).children('table').find("tr").css("display")=='none') {
        $(this).children('span').hide();
    }
});