JSFiddle - React, Tailwind, and code Playground

by Aamir Shahzad

HTML

<table>
    <tr>
        <td>test</td>
    </tr>
    <tr class="hide">
        <td>test</td>
    </tr>
    <tr>
        <td>test</td>
    </tr>
    <tr>
        <td>test</td>
    </tr>
    <tr>
        <td>test</td>
    </tr>
    <tr>
        <td>test</td>
    </tr>
    <tr class="hide">
        <td>test</td>
    </tr>
    <tr>
        <td>test</td>
    </tr>
</table>

CSS

table
{
    width: 100%;
}
.hide
{
    display: none;
}
tr:nth-of-type(even) {
    background: #F5F5F5;
}