JSFiddle - React, Tailwind, and code Playground

by vadirn

HTML

<table>
    <tr>
        <td>Row one, column one</td>
        <td>Row one, column two</td>
        <td>Row one, column three</td>
    </tr>
    <tr>
        <td>Row two, column one</td>
        <td>Row two, column two</td>
        <td>Row two, column three</td>
    </tr>
    <tr>
        <td>Row three, column one</td>
        <td>Row three, column two</td>
        <td>Row three, column three</td>
    </tr>
</table>

SCSS

$solid: 1px solid #444;
table {
    border: $solid;
}
td, th {
    border-right: $solid;
    border-bottom: $solid;
}
tr:nth-child(even) {
    background-image: -webkit-linear-gradient(left, #fff 0%, #444 50%, #ffffff 100%);
}