JSFiddle - React, Tailwind, and code Playground
by nickadeemus2002
HTML
<table>
<tr id="main_tr1" class="tr1">
<td>Main tr1</td>
</tr>
<tr id="parent_tr1" class="tr1">
<td>Parent tr1</td>
</tr>
<tr id="parent_parent_tr1" class="tr1">
<td>Parent Parent tr1</td>
</tr>
<tr id="main_tr2" class="tr2">
<td>Main tr2</td>
</tr>
<tr id="parent_tr2" class="tr2">
<td>Parent tr2</td>
</tr>
<tr id="parent_parent_tr2" class="tr2">
<td>Parent Parent tr2</td>
</tr>
<tr id="main_tr3" class="tr3">
<td>Main tr3</td>
</tr>
<tr id="parent_tr3" class="tr3">
<td>Parent tr3</td>
</tr>
<tr id="parent_parent_tr3" class="tr3">
<td>Parent Parent tr3</td>
</tr>
</table>