JSFiddle - React, Tailwind, and code Playground

HTML

<div class="table_container">
<table>
    <tbody>
    <tr>
        <td>Item</td>
        <td>Item</td>
        <td>Item</td>
    </tr>
    <tr>
        <td>Item</td>
        <td>Item</td>
        <td>Item</td>
    </tr>
    <tr>
        <td>Item</td>
        <td>Item</td>
        <td>Item</td>
    </tr>
    <tr>
        <td>Item</td>
        <td>Item</td>
        <td>Item</td>
    </tr>
    <tr>
        <td>Item</td>
        <td>Item</td>
        <td>Item</td>
    </tr>
</tbody></table>
</div>

CSS

.table_container{width:100%;float:left;background:#fff;}
.table_container table{width:100%;}
.container th, td{text-align:right;padding:7px;background-color:grey;}