JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <table>
        <thead>
            <tr>
                <th>blah</th>
                <th>blah</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>sdgsdfg</td>
                <td>sdgsdfg</td>
            </tr>
            <tr>
                <td>sdgsdfg</td>
                <td>sdgsdfg</td>
            </tr>
            <tr>
                <td>sdgsdfg</td>
                <td>sdgsdfg</td>
            </tr>
            <tr>
                <td>sdgsdfg</td>
                <td>sdgsdfg</td>
            </tr>
        </tbody>
    </table>
    <div>

CSS

div {
    border-top-right-radius: 1em;
    border-bottom-left-radius: 1em;
    overflow:hidden;
    border: 1px solid #516eb1;
}
table {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    overflow: hidden;
}
table thead {
    font-weight: bold;
    background-color: #516eb1;
    color: white;
}
table tr:nth-child(even) {
    background-color: silver;
}
table tr td, table tr th {
    padding: .3em;
}