JSFiddle - React, Tailwind, and code Playground

HTML

<table cellpadding="0" cellspacing="0">
    <tr>
        <td>name item</td>
        <td class="num">2</td>
        <td class="num">3</td>
    </tr>
    <tr>
        <td class="devider"></td>
        <td></td>
        <td></td>
    </tr>
    <tr>
        <td>name item</td>
        <td class="num">7</td>
        <td class="num">30</td>
    </tr>
     <tr>
        <td>name item</td>
        <td class="num">7</td>
        <td class="num">30</td>
    </tr> 
</table>

CSS

table {
      border-collapse: collapse;
}
.num {
    border: 1px solid #000;
}
.devider {
    height: 10px;
    border: 0;
}