JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <thead><tr><td>blah</td><td>blah 2</td></tr></thead>
    <tbody>
        <tr><td>sdgsdfg</td><td>sdfg</td></tr>
        <tr><td>sdgsdfg</td><td>sdfg</td></tr>
        <tr><td>sdgsdfg</td><td>sdfg</td></tr>
        <tr><td>sdgsdfg</td><td>sdfg</td></tr>
    </tbody>
</table>

CSS

table { 
    border: 1px solid #516eb1; 
    border-spacing: 0; 
    border-collapse: separate; 
    border-radius: 0 1em;
}
table thead { 
    font-weight: bold; 
    background-color: #516eb1; 
    color: white; 
}

table tr:nth-child(even) { 
    background-color: silver; 
}
table tr td { 
    padding: .3em; 
}

table thead tr:first-child td:last-child {
    border-radius: 0 1em 0 0;
}

table tbody tr:last-child td:first-child {
    border-radius: 0 0 0 1em;
}