JSFiddle - React, Tailwind, and code Playground

HTML

<table class="table">
<tr class="firstrow">
<th colspan="3">Values to find</th>
<th>&nbsp;</th><th> Presence</th>
<th>&nbsp;</th>
<th colspan="4">Data table</th></tr>

 <tr><td>1</td><td>12</td><td>13</td><td>&nbsp;</td><td class="yes"> </td><td>&nbsp;</td><td>f</td><td>g</td><td>d</td><td>2</td></tr>
 <tr><td>4</td><td>5</td><td>6</td><td>&nbsp;</td><td class="yes">&nbsp;</td><td>&nbsp;</td><td>1</td><td>12</td><td>g</td><td>13</td></tr>
 <tr><td>a</td><td>b </td><td>c</td><td>&nbsp;</td><td class="yes">&nbsp;</td><td>&nbsp;</td><td>a</td><td>b</td><td>c</td><td>6</td></tr>
 <tr><td>d</td><td>e</td><td>f</td><td>&nbsp;</td><td class="no">&nbsp;</td><td>&nbsp;</td><td>4</td><td>2</td><td>5</td><td>6</td></tr>
 <tr><td>3</td><td>10</td><td>b</td><td>&nbsp;</td><td class="no">&nbsp;</td><td>&nbsp;</td><td>3</td><td>10</td><td>f</td><td>k</td></tr>
 <tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr>
 <tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td></td></tr>
</table>

CSS

.table.table {
	border: 1px solid #CCC; font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	
} 
.table td {
	padding: 4px;
	margin: 3px;
	border: 1px solid #ccc;
	width: 40px;
}
.table th {
	background-color: #E99D79; 
	color: #FFF;
	font-weight: bold;
}

.yes {
background: green;
}

.no {
background: red;
}