JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr>
        <th>headin1</th>
        <th>heading2</th>
    </tr>
    <tr>
        <td>para1</td>
        <td>para2</td>
    </tr>
</table>

CSS

table{cellpadding: 0; cellspacing: 0; border-collapse: collapse; border: 1px solid black;}
th{border: 4px solid black; border-left: 1px solid black; border-right: 1px solid black;}
td{border: 1px solid black;}