JSFiddle - React, Tailwind, and code Playground

HTML

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

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

    </tr>
</table>   </td>  <td valign="top">
    
        <table id="tableone1" border="1">
    <tr>
        <th >
                <input id="btnHide1" type="button" value="toggle1"/>
        </th>    
         
    </tr>    
    <tr class="del">
        <td>Row 0 Column 0</td>
       

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

    </tr>
</table>
</td>

 
   


 
  </tr>
</table>

JavaScript

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