JSFiddle - React, Tailwind, and code Playground

HTML

<span id="counter">XX Dataxxxx</span>

<table id="CSV">
  <tr>
    <th>Berlin</th>
    <th>Hamburg</th>
  </tr>
  <tr>
    <td>Miljöh</td>
    <td>Kiez</td>
   </tr>
   <tr>
     <td>Buletten</td>
     <td>Frikadellen</td>
   </tr>
</table>

CSS

table#CSV    {position:relative; top:40px; width:80%; border-spacing:1px; border-collapse:collapse}
th       {text-align:left; font-weight:normal; background:yellow}
th, td   {border:1px solid grey}
#counter {position:relative; top:40px; font:normal 17px consolas, sans-serif; background:lightgreen}

JavaScript

$(document).ready(function(){
    $("span").click(function(){
        var rowCount = $("#CSV tr").length;
	    document.getElementById("counter").innerHTML = (rowCount - 1 + " Datasets");
    });
});