JSFiddle - React, Tailwind, and code Playground

HTML

<table id="table" class="div">
<tr>
<td rowspan="2">1</td>
<td>2</td>
<td>3</td>
<td rowspan="2">4</td>
<td rowspan="2">5</td>
</tr>
<tr>
<td width="19%">6</td>
<td width="41%">7</td>
</tr></table>

<br><br><br><br><br>

<div id="div">
<div>2</div>
<div>3</div>
<div>1</div>
<div>6</div>
<div>7</div>
<div>4</div>
<div>5</div>
</div>

CSS

#table{
    border-collapse:collapse;
}
#table td {
    border:1px solid grey;
    padding:5px;
}

.div{
    display:block;
}
.div td{
    display:block;
    border:medium none!important;
    padding:0!important;
}