JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <table>
        <thead>
            <tr>
                <th>Col1</th>
                <th>Col2</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>foo</td>
                <td>this</td>
            </tr>
            <tr>
                <td>bar</td>
                <td>that</td>
            </tr>
        </tbody>
    </table>
</div>

CSS

div {
    width: 99%;
}
table {
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
}
thead tr:nth-child(odd) {
    background-color: #FFC0CB;
}
tbody tr:nth-child(even) {
    background-color: #FFC0CB;
}
th:last-child{
    width:100%;
    text-align:left;
}