JSFiddle - React, Tailwind, and code Playground

HTML

<h1>Pesquisa no banco</h1>

<table border="1">
    <thead>
        <tr>
            <th>Id</th>
            <th>nome</th>
            <th>sobrenome</th>
            <th>balanço</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>id1</td>
            <td>Jose</td>
            <td>Fernando</td>
            <td>-4000</td>
        </tr>
        <tr>
            <td>id2</td>
            <td>Joaquim</td>
            <td>Macedo</td>
            <td>12000</td>
        </tr>
    </tbody>
</table>

CSS

table {
    border-collapse:collapse
}
td, th {
    padding: 5px;
    border: 2px solid black;
}