JSFiddle - React, Tailwind, and code Playground

HTML

<table cellpadding="10">
    <tr>
        <td>Hello</td>
        <td>World</td>
        <td class="a">Nothing to see here 1</td>
        <td class="a">Nothing to see here 2</td>
    </tr>
     <tr>
        <td>Hello</td>
        <td>World</td>
        <td class="a">Nothing to see here 1</td>
        <td class="a">Nothing to see here 2</td>
    </tr>
</table>

CSS

table {
    border-collapse: separate;
    border-spacing: 10px;
    border: 1px solid #f0f;
    padding: 2px;
    margin: 10px;
    background:#ccc;
}

td {
    border: 1px solid #0ff;
    padding: 5px;
    background:#eee
}

.a {
    display: none;
}