JSFiddle - React, Tailwind, and code Playground

HTML

<table>
<tr>
  <th class='invisible' style='width: 0;'>ID</th>
  <th>Login</th>
  <th>Password</th>
</tr>
<tr>
  <td class='invisible' style='width: 0;'>ID</td>
  <td>admin</td>
  <td>admin</td>
</tr>
<tr>
  <td class='invisible' style='width: 0;'>ID</td>
  <td>1</td>
  <td>1</td>
</tr>
<tr>
  <td class='invisible' style='width: 0;'>ID</td>
  <td>admin</td>
  <td>xdxd</td>
</tr>
</table>

CSS

table {
  width: 100%;
  text-align: center;
  border-collapse: collapse;
  font-size: 12pt;
  box-sizing: border-box;
  table-layout: fixed;
}

th {
  padding-bottom: 15px;
}

tr {
  border-bottom: 2px solid #e8e8e8;
}

tr:not(:first-of-type) {
  cursor: pointer;
}

td:not(:first-child) {
  padding: 15px 0;
  vertical-align: top;
  word-wrap: break-word;
}

.invisible {
  opacity: 0;
  width: 0;
}