JSFiddle - React, Tailwind, and code Playground

HTML

<table>
	<tr>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
	</tr>
	<tr>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
	</tr>
	<tr>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
	</tr>
	<tr>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
	</tr>
	<tr>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
	</tr>
	<tr>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
	</tr>
	<tr>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
	</tr>
	<tr>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
	</tr>
</table>

CSS

table{
	counter-reset:more 1;
}
td{
	width:50px;
	height:50px;
	border:1px solid #369;
}
tr:nth-child(n+3):nth-last-child(n+3) td:first-child{
	color:#fff;
	background:#41ba5c;
}
tr:nth-child(n+3):nth-last-child(n+3) td:first-child:before{
	counter-increment:more;
	content:counter(more);
}