JSFiddle - React, Tailwind, and code Playground

HTML

<table border="1">
    <colgroup id="group_1" class="lt_red this_class">
        <col id="col_1">
        <col id="col_2">
    </colgroup>
    <colgroup id="group_2">
        <col id="col_3">
    </colgroup>
    <thead>
        <tr>
            <th id="head_1" class="this_class">Column 1</th>
            <th id="head_2" class="this_class">Column 2</th>
            <th id="head_3" class="that_class">Column 3</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td id="cell_1" class="this_class">Data 1</td>
            <td id="cell_2" class="this_class">Data 2</td>
            <td id="cell_3" class="that_class">Data 3</td>
        </tr>
    </tbody>
</table>
<input type="button" id="toggle" value="Hide Cells" />

CSS

.lt_red
{
    background-color: #FF0000;
}

JavaScript

$(document).ready(function()
{
    $('#toggle').click(function()
    {
        $('.this_class').toggle();
    });
});