JSFiddle - React, Tailwind, and code Playground

HTML

<table>

<tr class="parent_row">
								<td >1</td>
								<td>2</td>
								<td>3</td>
								<td><a>Link</a></td>
								<td style="width:20px;"></td>
							</tr>
<tr class="child_row">
								<td >1.1</td>
								<td>2.1</td>
								<td>3.1</td>
								<td><a>Link_child</a></td>
							</tr>
    
    <tr class="parent_row">
								<td >1</td>
								<td>2</td>
								<td>3</td>
								<td><a>Link</a></td>
								<td style="width:20px;"></td>
							</tr>
    <tr class="child_row">
								<td >1.2</td>
								<td>2.2</td>
								<td>3.2</td>
								<td><a>Link_child</a></td>
								<td style="width:20px;"></td>
							</tr>

</table>


<div class="parent_row">Hello</div>

CSS

table{
    margin:0;
    padding:0;
    width:100%;
        border-collapse: collapse;
    border-spacing: 0;
}


tr{
    border-color: #D8D8D8;
    border-style: solid;
    border-width: 1px 0 0;
    line-height:2em;
    font-size:14px;

}


td:first-child{
    padding-left:20px;
}


.child_row{
    border-style:dotted;
}