JSFiddle - React, Tailwind, and code Playground

HTML

<table>
	<tr>
		<td></td>
	</tr>
	<tr>
		<td></td>
	</tr>
	<tr>
		<td></td>
	</tr>
	<tr>
		<td></td>
	</tr>
	<tr>
		<td></td>
	</tr>
	<tr style="display:none;">
		<td></td>
	</tr>
  <tr>
		<td></td>
	</tr>
  <tr>
		<td></td>
	</tr>
  <tr style="display:none;">
		<td></td>
	</tr>
  <tr>
		<td></td>
	</tr>
</table>

CSS

table {
  width: 100%;
  background: white;
  counter-reset: rowNumber;
}

tr > td {counter-increment: rowNumber;}
tr td::before {
	content: counter(rowNumber);
	color: blue;
}

tr:nth-child(even) {
  background: red;
}