JSFiddle - React, Tailwind, and code Playground

HTML

<table id="example" class="myclass"/>
<thead>
<tr>
 <th>
  <button type="button" id="selectAll" class="main">
  <span class="sub"></span> Select </button></th>
	<th>Name</th>
	<th>Company</th>
	<th>Employee Type</th>
	<th>Address</th>
	<th>Country</th>
</tr>
</thead>
<tbody>
										  
<tr>
<td><input type="checkbox"/>
</td>
<td>varun</td>
<td>TCS</td>
<td>IT</td>
<td>San Francisco</td>
<td>US</td>
</tr>

<tr>
<td><input type="checkbox"/>
</td>
<td>Rahuk</td>
<td>TCS</td>
<td>IT</td>
<td>San Francisco</td>
<td>US</td>
</tr>

<tr>
<td><input type="checkbox"/>
</td>
<td>johm Doe</td>
<td>TCS</td>
<td>IT</td>
<td>San Francisco</td>
<td>US</td>
</tr>

<tr>
<td><input type="checkbox"/>
</td>
<td>Sam</td>
<td>TCS</td>
<td>IT</td>
<td>San Francisco</td>
<td>US</td>
</tr>

<tr>
<td><input type="checkbox"/>
</td>
<td>Lara</td>
<td>TCS</td>
<td>IT</td>
<td>San Francisco</td>
<td>US</td>
</tr>

<tr>
<td><input type="checkbox"/>
</td>
<td>Jay</td>
<td>TCS</td>
<td>IT</td>
<td>San Francisco</td>
<td>US</td>
</tr>

<tr>
<td><input type="checkbox"/>
</td>
<td>Tom</td>
<td>TCS</td>
<td>IT</td>
<td>San Franciso</td>
<td>US</td>
</tr>
																								
</tbody>
</table>

JavaScript

$("#selectAll").on("click", function () {
    
    $("#example tr").each( function() {
             $(this).find("input").attr('checked', true);             
    });
});