JSFiddle - React, Tailwind, and code Playground

by mflodin

HTML

<table>
    <thead>
        <tr>
            <th>Test</th>
            <th>Test</th>
            <th>Test</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Hupp</td>
            <td>Hupp</td>
            <td>Hupp</td>
        </tr>
                <tr>
            <td>Hupp</td>
            <td>Hupp</td>
            <td>Hupp</td>
        </tr>
                <tr>
            <td>Hupp</td>
            <td>Hupp</td>
            <td>Hupp</td>
        </tr>
    </tbody>
</table>

CSS

table {
    border-spacing:1px;
    background: #aaa;
}

tr:nth-child(even){
    background: #eee;
}
tr:nth-child(odd){
    background: #fff;
}
thead tr:nth-child(1){
    background: #ccc;
}
table {
       -webkit-border-top-left-radius: 10px 10px; 
       -webkit-border-top-right-radius: 10px 10px;  
}

th:first-child{
    -webkit-border-top-left-radius: 10px 10px; 
}
th:last-child{
    -webkit-border-top-right-radius: 10px 10px; 
}

td, th {
    border-style: none;
}