JSFiddle - React, Tailwind, and code Playground

by Ben Watts

HTML

<p id="rowscount"></p>


<table>

  <tr>
    <td>One</td>
    <td>Two</td>
  </tr>
  <tr>
    <td>One</td>
    <td>Two</td>
  </tr>
  <tr class="hidden">
    <td>One</td>
    <td>Two</td>
  </tr>

</table>

CSS

.hidden{display:none;}

JavaScript

var trs = document.getElementsByTagName("tr");

var count = 0;

for (i = 0; i < trs.length; i++) { 
    var isVisible = trs[i].offsetWidth > 0 || trs[i].offsetHeight > 0;
    if(isVisible)
    {
     	count++;   
    }
}

document.getElementById('rowscount').innerHTML = count;