JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr class="first-line">
        <td class="first-column">Some</td>
        <td>Foobar</td>
        <td>Stuff</td>
    </tr>
    <tr class="second-row">
        <td class="first-column">foobar</td>
        <td>raboof</td>
        <td>184</td>
    </tr>
    <tr>
        <td class="first-column">bar</td>
        <td>87458</td>
        <td>184</td>
    </tr>
    <tr>
        <td class="first-column">874</td>
        <td>raboof</td>
        <td>foobar</td>
    </tr>
</table>

CSS

/* ACTUAL CSS */
table {
    width: 300px;
  border-spacing: 0;
}
    tr td.first-column{
        border-left: none;
    }
    td {
        border-left: 3px solid red;
        border-top: 3px solid red;
    }
    tr.first-line td {
        border-left: none;
        border-bottom: 3px solid green;
        border-top: none;
    }

.second-row td {
    border-top: 0;
}