JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tbody>
        <tr>
            <td>index</td>
            <td>index</td>
            <td>index</td>
        </tr>
        <tr>
            <td>index</td>
            <td>index</td>
            <td>index</td>
        </tr>
        <tr>
            <td>index</td>
            <td>index</td>
            <td>index</td>
        </tr>
    </tbody>
</table>

CSS

table{ width:90%; border:#333 solid 1px; border-collapse:collapse; } 
tr{ white-space:0;} 
td{ height:30px; border:#666 solid 1px;}