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 Francisco</td>
        <td>US</td>
    </tr>
</tbody>
</table>

JavaScript

$(document).ready(function () {
  $('body').on('click', '#selectAll', function () {
    if ($(this).hasClass('allChecked')) {
        $('input[type="checkbox"]', '#example').prop('checked', false);
    } else {
        $('input[type="checkbox"]', '#example').prop('checked', true);
    }
    $(this).toggleClass('allChecked');
  })
});