JSFiddle - React, Tailwind, and code Playground

HTML

<table id="myTable" width="100%" border="1">
    <thead>
        <tr>
            <td>Column 1</td>
            <td>Column 2</td>
            <td>Column 3</td>
            <td>Column 4</td>
            <td>Column 5</td>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Value 1.1</td>
            <td>Value 1.2</td>
            <td>Value 1.3</td>
            <td>Value 1.4</td>
            <td>Value 1.5</td>
        </tr>
        <tr>
            <td>Value 2.1</td>
            <td>Value 2.2</td>
            <td>Value 2.3</td>
            <td>Value 2.4</td>
            <td>Value 2.5</td>
        </tr>
    </tbody>
</table>

<input id="chk1" type="checkbox" onchange="toggleColumn(1);" />
<label for="chk1">Toggle column 1</label>
<br/>
<input id="chk2" type="checkbox" onchange="toggleColumn(2);" />
<label for="chk2">Toggle column 2</label>
<br/>
<input id="chk3" type="checkbox" onchange="toggleColumn(3);" />
<label for="chk3">Toggle column 3</label>
<br/>
<input id="chk4" type="checkbox" onchange="toggleColumn(4);" />
<label for="chk4">Toggle column 4</label>
<br/>
<input id="chk5" type="checkbox" onchange="toggleColumn(5);" />
<label for="chk5">Toggle column 5</label>

JavaScript

function toggleColumn(colPos){
    $('#myTable tr').each(function(idx,item){
        $($(item).find('td').get(colPos-1)).toggle();
    });
}