JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tbody>
        <tr><td> Hello 1</td></tr>
        <tr><td> Hello 2</td></tr>
        <tr><td> Hello 3</td></tr>
        <tr><td> Hello 4</td></tr>
        <tr><td> Hello 5</td></tr>
        <tr><td> Hello 6</td></tr>
        
    </tbody>
</table>

CSS

table {
    width:400px;
    margin: 0 auto;
    border:solid;
    border-width:1px;
}
table tr td{
    height:20px;
    line-height:20px;
    font-size:15px;
    padding-left:10px;
    color:black;
    font-family: Arial;
}
table tr:nth-child(even) td{
    background-color:#DDD;
}
table tr:nth-child(odd) td{
    background-color:#EFEFEF;
}