JSFiddle - React, Tailwind, and code Playground

HTML

<table class="no-outer-border">
    <tr>
        <td>1,1</td>
        <td>1,2</td>
        <td>1,3</td>
    </tr>
    <tr>
        <td>2,1</td>
        <td>2,2</td>
        <td>2,3</td>
    </tr>
    <tr>
        <td>3,1</td>
        <td>3,2</td>
        <td>3,3</td>
    </tr>

CSS

table.no-outer-border > tbody > tr > td { border: 1px solid #000; }
table.no-outer-border > tbody > tr > td > a { color: #FFF; }
table.no-outer-border > tbody > tr:first-child > td { border-top: 0; }
table.no-outer-border > tbody > tr > td:first-child { border-left: 0; }
table.no-outer-border > tbody > tr > td:last-child { border-right: 0; }
table.no-outer-border > tbody > tr:last-child > td { border-bottom: 0; }