JSFiddle - React, Tailwind, and code Playground

HTML

<button  id="gen">Generate</button>
	<table id="report" border="1" style="visibility:hidden">
		<tr>
			<th>Sl.No.</th>
			<th>District Name</th>
		</tr>
	</table>

JavaScript

$("#gen").click(function(){
    $("#report").css("visibility","visible");
    for(var i=0; i<5; i++)
					{
			var row='<tr><td>('+(i+1)+')</td></tr>'
			$("#report").append(row);
                  }
});