JSFiddle - React, Tailwind, and code Playground

HTML

<table>
     <caption>
            numbers
            </caption>
    <colgroup>
        <col style="width:10px" />
        <col style="width:20px" />
        <col style="width:30px" />
            </colgroup>
   
    <tr>
        <td>1<td>2<td class="hide">3</td>
            </tr>
    <tr>
        <td>1<td>2<td class="hide">3</td>
            </tr>
</table>

CSS

td{
    border: 1px solid grey;
}
table {
    
    border: 1px solid black;
    border-collapse:collapse;
    table-layout: fixed;
}

tr:nth-child(even){
    background-color: #0caaaa;
}

caption {font-size: 13px;}

JavaScript

$(".hide").hide();