JSFiddle - React, Tailwind, and code Playground

by Jaydeep Chauhan

HTML

<table class="table">
	<tbody>
		<tr>
			<td>1</td>
			<td>John</td>
		</tr>
		<tr class="spacer">
			<td colspan="2"><br/> </td>
		</tr>
		<tr>
			<td>2</td>
			<td>Smith</td>
		</tr>
    <tr class="spacer">
			<td colspan="2"><br/> </td>
		</tr>
    <tr>
			<td>3</td>
			<td>Mark</td>
		</tr>
	</tbody>
<table>

CSS

.table {
	border-collapse: collapse;
  width: 100%;
}

.table tbody > tr > td,
.table thead > tr > th {
  border: 1px solid #ddd;
  padding: 1rem;
}

.table tr.spacer > td {
  border: none;
  padding: 0
}