JSFiddle - React, Tailwind, and code Playground

HTML

<table>
  <tr class="heading">
    <th>Col 1</th>
    <th>Col 2</th>
    <th>Col 3</th>
    <th>Col 4</th>
    <th>Col 5</th>
    <th>Col 6</th>
  </tr>
  <tr class="datarow">
    <td>One</td>
    <td>Two</td>
    <td>Three</td>
    <td><button name="clicker" type="button" value="Click">Click</button>
    </td>
    <td>Five</td>
    <td>Six</td>
  </tr>
  <tr class="datarow">
    <td>One</td>
    <td>Two</td>
    <td>Three</td>
    <td><button name="clicker" type="button" value="Click" class="hidden">Click</button>
    <td>Five</td>
    <td>Six</td>
  </tr>
</table>

CSS

table {
  border-collapse: collapse;
}

td {
  border: 1px solid #777777;
  padding: 10px;
}

.hidden {
  display: none;
}