JSFiddle - React, Tailwind, and code Playground

HTML

<style>
    div {
        border-radius: 5px;
        border: 1px black solid;
    }
    
    table {
        width: 100%;
    }
    
    tr:first-of-type td:first-child {
        border-top-left-radius: 5px;    
    }
    
    tr:first-of-type td:last-child {
        border-top-right-radius: 5px;    
    }
    
    tr:last-of-type td:first-child {
        border-bottom-left-radius: 5px;    
    }
    
    tr:last-of-type td:last-child {
        border-bottom-right-radius: 5px;    
    }
    
    tr:nth-child(odd) {
        background-color: #EEEEEE;
    }
</style>

<div>
<table>
    <tbody>
    <tr>
        <td>Data 1</td>
        <td>Data 2</td>
    </tr>
    <tr>
        <td>Data 1</td>
        <td>Data 2</td>
    </tr>
    <tr>
        <td>Data 1</td>
        <td>Data 2</td>
    </tr>
    </tbody>
</table>
</div>