JSFiddle - React, Tailwind, and code Playground

HTML

<table id="tableone" border="1">
    <tr>
        <th >
                <input id="btnHide" type="button" value="toggle"/>
        </th>    
        <th >
                <input id="btnHide1" type="button" value="toggle1"/>
        </th>    
    </tr>    
    <tr class="del">
        <td>Row 0 Column 0</td>
        <td>Row 0 Column 0</td>

    </tr>
    <tr class="del">
        <td>Row 1 Column 0</td>
        <td>Row 0 Column 0</td>
     
    </tr>
    <tr class="del">
        <td>Row 2 Column 0</td>
        <td>Row 0 Column 0</td>
     
    </tr>
    <tr class="del">
        <td>Row 3 Column 0</td>
        <td>Row 0 Column 0</td>
       
    </tr>
     <tr class="del">
        <td>Row 4 Column 0</td>
         <td>Row 0 Column 0</td>
    
    </tr>
     <tr class="del">
        <td>Row 5 Column 0</td>
         <td>Row 0 Column 0</td>

    </tr>
</table>

JavaScript

$(document).ready(function() {
            $('#btnHide').click(function() {
                
                $('td:nth-child(1)').toggle();
                
            });
        $('#btnHide1').click(function() {
                
                $('td:nth-child(2)').toggle();
                
            });
        });