JSFiddle - React, Tailwind, and code Playground

by Tushar Jadhav

HTML

<table id="tab" border="1">
    <tr>
        <td>abc</td>
        <td>def</td>
    </tr>
    <tr>
        <td>ghi</td>
        <td>jkl</td>
    </tr>
    <tr>
        <td>mno</td>
        <td>pqr</td>
    </tr>
</table>
<button onclick="inv()">invisible</button>
<button onclick="vis()">visible</button>

CSS

.hide tr td:nth-child(1) {
    display: none;
}

JavaScript

function inv() {
    document.getElementById('tab').classList.add('hide');
}

function vis() {
    document.getElementById('tab').classList.remove('hide');
}