JSFiddle - React, Tailwind, and code Playground

by ttamminen

HTML

<table>
    <tr>
        <th><input type="checkbox"/></th>
        <th rowspan="5"></th>
        <th>Nimi</th>
    </tr>
    <tr>
        <td><input type="checkbox"/></td>
        <td>Tatu</td>
    </tr>
    <tr>
        <td><input type="checkbox"/></td>
        <td>Joku</td>
    </tr>
    <tr>
        <td><input type="checkbox"/></td>
        <td>Joku</td>
    </tr>
    <tr>
        <td><input type="checkbox"/></td>
        <td>Joku</td>
    </tr>
</table>

CSS

table {
    border-spacing: 0px;
    border-collapse:separate;
    background-color: white;
}

td, th {
    border: 0;
    background-color: white;
}

table tr th:nth-of-type(2) {
    border-left: 1px solid gray;
    box-shadow:-4px 10px 10px rgba(0, 0, 0, 0.1), 1px 0 2px rgba(0, 0, 0, 0.1) inset;
}

table tr td:nth-of-type(2) {
    border-left: 1px solid gray;
    box-shadow:-4px 0px 8px rgba(0, 0, 0, 0.3);
}