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;
}

table th {
	padding-bottom: 15px;
}

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

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

table td {
	padding: 15px 0;
	vertical-align: top;
	word-wrap: break-word;
}

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