JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    
        <tr>
            <td colspan="3">
                <input type="text" />
            </td>
        </tr>
        <th>#</th>
        <th>First name</th>
        <th>Last name</th>
    
    
        <tr>
            <td>1</td>
            <td>John</td>
            <td>Mayer</td>
        </tr>
        <tr>
            <td>2</td>
            <td>Marvin</td>
            <td>Atom</td>
        </tr>
        <tr>
            <td>3</td>
            <td>Mick</td>
            <td>Sydney</td>
        </tr>
    
</table>
<p>hi</p>

CSS

table,tr{
    border:1px solid;    
}